{"version":3,"sources":["demo.scss","../../bower_components/o-colors/src/scss/_mixins.scss","../../bower_components/o-colors/src/scss/_palette.scss","../../src/scss/_mixins.scss","../../src/scss/_variables.scss"],"names":[],"mappings":"AAKA;ECwDE,0BC3B+B;ED8B/B,eClB+B;CFvChC;;AAED;EACC,UAAS;EACT,WAAU;EACV,sBAAqB;CAiCrB;;AApCD;EAKE,sBAAqB;EACrB,aAAY;EACZ,iBAAgB;EAChB,mBAAkB;CA2BlB;;AAnCF;EAUG,sBAAqB;EACrB,aAAY;EACZ,cAAa;EACb,mBAAkB;CAClB;;AAdH;EAgBG,eAAc;EACd,aAAY;EACZ,cAAa;EACb,mBAAkB;EAClB,2BAA0B;EAC1B,6BAA4B;EAC5B,yBAAwB;EACxB,yBAAwB;EACxB,8BAA6B;CAC7B;;AAzBH;EA4BG,YAAW;EACX,aAAY;CACZ;;AA9BH;EAiCG,eAAc;CACd;;AAKF;EG3BA,4CAAsE;EACtE,kDAA4E;CHgCzE;;AANH;EG3BA,2CAAsE;EACtE,iDAA4E;CHgCzE;;AANH;EG3BA,8CAAsE;EACtE,oDAA4E;CHgCzE;;AANH;EG3BA,8CAAsE;EACtE,oDAA4E;CHgCzE;;AANH;EG3BA,6CAAsE;EACtE,mDAA4E;CHgCzE;;AANH;EG3BA,0CAAsE;EACtE,gDAA4E;CHgCzE;;AANH;EG3BA,iDAAsE;EACtE,uDAA4E;CHgCzE;;AANH;EG3BA,gDAAsE;EACtE,sDAA4E;CHgCzE;;AANH;EG3BA,mDAAsE;EACtE,yDAA4E;CHgCzE;;AANH;EG3BA,mDAAsE;EACtE,yDAA4E;CHgCzE;;AANH;EG3BA,kDAAsE;EACtE,wDAA4E;CHgCzE;;AANH;EG3BA,+CAAsE;EACtE,qDAA4E;CHgCzE;;AANH;EG3BA,kDAAsE;EACtE,wDAA4E;CHgCzE;;AANH;EG3BA,iDAAsE;EACtE,uDAA4E;CHgCzE;;AANH;EG3BA,oDAAsE;EACtE,0DAA4E;CHgCzE;;AANH;EG3BA,oDAAsE;EACtE,0DAA4E;CHgCzE;;AANH;EG3BA,mDAAsE;EACtE,yDAA4E;CHgCzE;;AANH;EG3BA,gDAAsE;EACtE,sDAA4E;CHgCzE;;AAKJ;EAEE,uBAAsB;CACtB;;AAGF;EAGG,0BIjEe;CJkEf;;AAJH;EAGG,0BIhEc;CJiEd;;AAJH;EAGG,0BI/DiB;CJgEjB;;AAJH;EAGG,0BI9DiB;CJ+DjB;;AAJH;EAGG,0BI7DgB;CJ8DhB;;AAJH;EAGG,0BI5Da;CJ6Db;;AAJH;EAOE,WAAU;CACV;;AARF;EAUE,cAAa;CACb","file":"demo.css","sourcesContent":["@import \"o-colors/main\";\n\n$social-images-base-url: \"../dist\";\n@import \"../../main\";\n\nbody {\n\t@include oColorsFor(page);\n}\n\nul {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style-type: none;\n\t.social-images__action {\n\t\tdisplay: inline-block;\n\t\twidth: 180px;\n\t\tmargin: 0 0 20px;\n\t\ttext-align: center;\n\t\ta {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100px;\n\t\t\theight: 100px;\n\t\t\tborder-radius: 50%;\n\t\t}\n\t\ti {\n\t\t\tdisplay: block;\n\t\t\twidth: 100px;\n\t\t\theight: 100px;\n\t\t\tborder-radius: 50%;\n\t\t\tbackground-size: 100% 100%;\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbackground-size: contain;\n\t\t\tbackground-position: 50%;\n\t\t\tbackground-color: transparent;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\n\t\tspan {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n@each $theme in $_social-images-themes {\n\t.social-images--#{$theme} {\n\n\t\t@each $name in $_social-images {\n\t\t\t\n\t\t\t.social-images__#{$name} a i {\n\t\t\t\t@include socialImagesSetImageFor($name, $theme: $theme);\n\t\t\t}\n\t\t}\n\t}\t\n}\n\n.social-images--white {\n\ta {\n\t\tbackground-color: #000;\n\t}\n}\n\n.social-images--sprite {\n\t@each $name, $color in $social-images-palette {\n\t\t.social-images__#{$name} a {\n\t\t\tbackground-color: $color;\n\t\t}\n\t}\n\tsvg {\n\t\tfill: #fff;\n\t}\n\tsvg + i {\n\t\tdisplay: none;\n\t}\n}\n","////\n/// @group o-colors\n/// @link http://registry.origami.ft.com/components/o-colors\n////\n\n/// Add a custom palette color\n///\n/// @example scss\n///  @include oColorsSetColor('grey-tint20': #cccccc);\n///\n/// @param {String} $name - Name in the palette\n/// @param {color} $color - Color (rgb, hex, hsl…)\n@mixin oColorsSetColor($name, $color) {\n\t$newcolor: ($name: $color);\n\t$o-colors-palette: map-merge($o-colors-palette, $newcolor) !global;\n}\n\n/// Add a custom use case property\n///\n/// @example scss\n///  @include oColorsSetUseCase(email, text, 'grey-tint5');\n///\n/// @param {String} $usecase - Name of the use case\n/// @param {String} $property - Property it applies to\n/// @param {String} $color - One of $o-colors-palette\n@mixin oColorsSetUseCase($usecase, $property, $color) {\n\t$propmap: ($property: $color);\n\n\t// The use-case already exists,\n\t// combine its existing properties with the new one\n\t@if (map-has-key($o-colors-usecases, $usecase)) {\n\t\t$propmap: map-merge(map-get($o-colors-usecases, $usecase), $propmap);\n\t}\n\n\t$newmap: ($usecase: $propmap);\n\n\t// Add the use-case and its properties to the global use-case map\n\t$o-colors-usecases: map-merge($o-colors-usecases, $newmap) !global;\n}\n\n/// Output property declarations for all defined properties for the specified use case\n///\n/// @example scss\n///  .my-thing {\n///  \t@include oColorsFor(custom-box box);\n///  }\n///  .my-other-thing {\n///  \t@include oColorsFor(custom-box box, background border);\n///  }\n///\n/// @param {String|list} $useCaseList\n/// @param {String|list} $propertyList [all]\n@mixin oColorsFor($useCaseList, $propertyList: all) {\n\t// Fail silently when a use case doesn't exist,\n\t// taking advantage of how Sass treats the `null` keyword:\n\t//\n\t// \t\t$foo: null;\n\t// \t\tel { color: $foo; } // outputs nothing\n\t$args: (default: null);\n\n\t@if ($propertyList == 'all' or index($propertyList, 'background')) {\n\t\tbackground-color: oColorsGetColorFor($useCaseList, background, $options: $args);\n\t}\n\t@if ($propertyList == 'all' or index($propertyList, 'text')) {\n\t\tcolor: oColorsGetColorFor($useCaseList, text, $options: $args);\n\t}\n\t@if ($propertyList == 'all' or index($propertyList, 'border')) {\n\t\tborder-color: oColorsGetColorFor($useCaseList, border, $options: $args);\n\t}\n}\n","////\n/// @group o-colors\n/// @link http://registry.origami.ft.com/components/o-colors\n////\n\n$o-colors-palette: () !default;\n\n/// Colour palette\n///\n/// These are the colours that make up the FT palette.\n/// We don't use these colours directly, but instead assign them to 'use cases',\n/// which are defined in use-cases.scss.\n///\n/// In the list below, each line contains a colour name and a colour code,\n/// and is finished with a comma:\n///\n/// \t<colour name>:   <colour code>,\n///\n/// The colour name must be a single word comprising just letters,\n/// numbers, and dashes.\n///\n/// You can have as many spaces between the colour name and the colour code\n/// as you like (so you can line them up neatly), and you *MUST* finish the\n/// line with a comma.\n///\n/// @link http://next.ft.com/__styleguide/design-primitives#palette\n///\n/// @type map\n$o-colors-palette: map-merge((\n\t// Non-colour CSS values\n\t'transparent':           transparent,\n\t'inherit':               inherit,\n\n\t// Primary Palette\n\t'pink':                  #fff1e0,\n\t'black':                 #000000,\n\t'white':                 #ffffff,\n\t'blue':                  #2e6e9e,\n\t'dark-blue':             #275e86,\n\t'claret':                #9e2f50,\n\t'orange':                #d66d06,\n\n\t'grey-tint1':            #b0b0b0,\n\t'grey-tint2':            #999999,\n\t'grey-tint3':            #777777,\n\t'grey-tint4':            #505050,\n\t'grey-tint5':            #333333,\n\n\t'pink-tint1':            #f7e9d9,\n\t'pink-tint2':            #e9decf,\n\t'pink-tint3':            #cec6b9,\n\t'pink-tint4':            #a7a59b,\n\t'pink-tint5':            #74736c,\n\n\t// Colours\n\t'red':                   #cc0000,\n\t'green':                 #458b00,\n\n\t// Highlight tints\n\t'orange-tint1':          #eda45e,\n\t'brown-tint1':           #94826b,\n\t'yellow-tint1':          #eed485,\n\t'green-tint1':           #a6a471,\n\t'bluegreen-tint1':       #819e9a,\n\t'silver-tint1':          #c1b8b4,\n\n\t'purple-tint1':          #936971,\n\t'purple-tint2':          #737e7e,\n\n\t'red-tint1':             #b1493f,\n\t'red-tint2':             #c36256,\n\t'red-tint3':             #d17c70,\n\t'red-tint4':             #df9c92,\n\t'red-tint5':             #ebbcb3,\n\n\t'blue-tint1':            #598caf,\n\t'blue-tint2':            #75a5c2,\n\t'blue-tint3':            #8ab5cd,\n\t'blue-tint4':            #a9cadc,\n\t'blue-tint5':            #bcd7e5,\n\n\t// Sections colours\n\t'section-purple':        #92288f,\n\t'section-light-purple':  #ebcaec,\n\t'section-blue':          #0e6dcc,\n\t'section-light-blue':    #c5d4e8,\n\t'section-green':         #09a25c,\n\t'section-light-green':   #a1dbb2,\n\t'section-red':           #cc0033,\n\n\t// Next\n\t// http://next.ft.com/__styleguide/design-primitives#palette\n\t'warm-1':                #ffe9d7,\n\t'warm-2':                #f7e9d9,\n\t'warm-3':                #cec6b9,\n\t'warm-4':                #1d1d1d,\n\t'warm-5':                #fdf8f2,\n\t'warm-6':                #8b572a,\n\n\t'cold-1':                #505050,\n\t'cold-2':                #333333,\n\t'cold-3':                #1d1d1d,\n\n\t'blue-1':                #002758,\n\t'blue-2':                #eeeeee,\n\n\t'purple-1':              #410057,\n\t'purple-2':              #f3dee3,\n\n\t'teal-1':                #26747a,\n\t'teal-2':                #2bbbbf,\n\n\t'claret-1':              #9e2f50,\n\t'claret-2':              #ff7f8a,\n\t'claret-inverse':        #4f1828,\n\n\t// FT organisation colours\n\t'org-b2c':               #4e96eb,\n\t'org-b2c-dark':          #3a70af,\n\t'org-b2c-light':         #99c6fb,\n\n\t'org-b2b':               #f6801a,\n\t'org-b2b-dark':          #c85f04,\n\t'org-b2b-light':         #f29d53,\n\n), $o-colors-palette);\n","@mixin socialImagesBaseStyles($container-width, $container-height: null) {\n\tdisplay: inline-block;\n\twidth: $container-width + 0px;\n\t@if ($container-height == null) {\n\t\t$container-height: $container-width;\n\t}\n\theight: $container-height + 0px;\n\tbackground-repeat: no-repeat;\n\tbackground-size: contain;\n\tbackground-position: 50%;\n\tbackground-color: transparent;\n}\n\n@mixin socialImagesSetImageFor($social-name, $theme: null) {\n\t\n\t$image-name: $social-name;\n\n\t@if $theme and $theme != 'default' {\n\t\t$image-name: \"#{$social-name}-#{$theme}\";\n\t}\n\n\tbackground-image: url(\"#{$social-images-base-url}/#{$image-name}.png\");\n\tbackground-image: url(\"#{$social-images-base-url}/#{$image-name}.svg\"), none;\n}","$social-images-base-url: '/bower_components/ftc-social-images/dist' !default;\n\n$social-images-palette: (\n\t'wechat': #609700,\n\t'weibo': #e6162d,\n\t'linkedin': #0977b6,\n\t'facebook': #3c5a99,\n\t'twitter': #6aa9e0,\n\t'link': #27757B,\n) !default;\n\n$_social-images: map-keys($social-images-palette);\n$_social-images-themes: ('default', 'pink', 'white');"]}