-
Notifications
You must be signed in to change notification settings - Fork 1
/
bundle.css.map
1 lines (1 loc) · 20.5 KB
/
bundle.css.map
1
{"version":3,"sources":["utils/reset.styl","config.css","utils/presets.styl","utils/helpers.styl","utils/layout.styl","story/header.styl","story/intro.styl","story/line-scatter.styl","story/newsroom.styl","story/table.styl"],"names":[],"mappings":"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","file":"bundle.css","sourcesContent":["// -------------------\n// Reset\n// -------------------\n* \n\t-moz-box-sizing border-box\n\tbox-sizing border-box\n\t\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video \n\tmargin 0\n\tpadding 0\n\tborder 0\n\tfont-size 100%\n\tfont inherit\n\tvertical-align baseline\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section\n\tdisplay block\n\t\na img\n\tborder none\n\t\nblockquote \n\tquotes none\n\t\nblockquote:before, blockquote:after\n\tcontent ''\n\tcontent none\n\t\ntable\n\tborder-collapse collapse\n\tborder-spacing 0\n\t\ncaption, th, td\n\ttext-align left\n\tfont-weight normal\n\tvertical-align middle","* {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n}\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection {\n display: block;\n}\na img {\n border: none;\n}\nblockquote {\n quotes: none;\n}\nblockquote:before,\nblockquote:after {\n content: '';\n content: none;\n}\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\ncaption,\nth,\ntd {\n text-align: left;\n font-weight: normal;\n vertical-align: middle;\n}\n.hide-accessible {\n width: 1px;\n height: 1px;\n overflow: hidden;\n position: absolute;\n}\n.hide-invisible {\n visibility: hidden;\n}\n.hide-display {\n display: none;\n}\n.skip-to-main {\n border: none;\n width: 1px;\n height: 1px;\n overflow: hidden;\n position: absolute;\n}\n.skip-to-main:focus {\n width: auto;\n height: auto;\n background-color: #efefef;\n padding: 0.5em;\n z-index: 1;\n}\n.prose {\n max-width: 40rem;\n margin: 0 auto;\n padding: 0 1rem;\n}\n.prose__hed {\n font-weight: 500;\n}\n.graphic__hed {\n font-weight: 700;\n}\n.graphic__dek {\n margin: 0;\n margin-bottom: 1.5rem;\n}\n.graphic__chart {\n width: 100%;\n}\n.graphic__key {\n display: flex;\n flex-wrap: wrap;\n margin-bottom: 0.5rem;\n justify-content: flex-end;\n}\n.graphic__key li {\n padding: 0;\n margin-left: 0.75em;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n font-weight: 500;\n line-height: 1;\n}\n.graphic__key li:before {\n content: '';\n display: inline-block;\n width: 0.8em;\n height: 0.8em;\n background-color: #666;\n margin-right: 0.25em;\n}\n.tk-canela {\n font-family: 'Publico Text Web', Georgia, Times, serif;\n}\n.loaded-canela .tk-canela {\n font-family: 'Canela Web', 'Publico Text Web', Georgia, Times, serif;\n}\n.tk-publico {\n font-family: 'Publico Text Web', Georgia, Times, serif;\n}\n.loaded-publico .tk-publico {\n font-family: 'Publico Text Web', 'Publico Text Web', Georgia, Times, serif;\n}\n.tk-atlas {\n font-family: 'Atlas Grotesk Web', Helvetica, Arial, sans-serif;\n}\n.loaded-atlas .tk-atlas {\n font-family: 'Atlas Grotesk Web', 'Atlas Grotesk Web', Helvetica, Arial, sans-serif;\n}\n.xxx-small {\n font-size: 10px;\n line-height: 1.5;\n}\n.xx-small {\n font-size: 11px;\n line-height: 1.5;\n}\n.x-small {\n font-size: 12px;\n line-height: 1.5;\n}\n.small {\n font-size: 14px;\n line-height: 1.5;\n}\n.root {\n font-size: 16px;\n line-height: 1.7;\n}\n.medium {\n font-size: 17px;\n line-height: 1.7;\n}\n.large {\n font-size: 24px;\n line-height: 1.5;\n}\n.x-large {\n font-size: 32px;\n line-height: 1.5;\n}\n.xx-large {\n font-size: 40px;\n line-height: 1.2;\n}\n.xxx-large {\n font-size: 48px;\n line-height: 1.2;\n}\n.xxxx-large {\n font-size: 64px;\n line-height: 1.2;\n}\nbody {\n font-feature-settings: 'kern' 1, 'onum' 1, 'liga' 0, 'tnum' 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n -webkit-tap-highlight-color: rgba(0,0,0,0);\n background-color: #fff;\n color: #2a2a2a;\n font-size: 16px;\n}\n@media only screen and (min-width: 40em) {\n body {\n font-size: 17px;\n }\n}\nh1 {\n font-size: 48px;\n line-height: 1.2;\n margin-top: 1.5rem;\n}\nh2 {\n font-size: 40px;\n line-height: 1.2;\n margin-top: 1.5rem;\n}\nh3 {\n font-size: 32px;\n line-height: 1.5;\n margin-top: 1.5rem;\n}\nh4 {\n font-size: 24px;\n line-height: 1.5;\n margin-top: 1.5rem;\n}\nh5 {\n font-size: 17px;\n line-height: 1.7;\n margin-top: 1.5rem;\n}\nh6 {\n font-size: 16px;\n line-height: 1.7;\n margin-top: 1.5rem;\n}\np {\n margin: 1.5rem 0;\n font-size: 16px;\n line-height: 1.7;\n}\n@media only screen and (min-width: 40em) {\n p {\n font-size: 17px;\n line-height: 1.7;\n }\n}\na {\n text-decoration: none;\n border-bottom: 1px solid #2a2a2a;\n color: #2a2a2a;\n}\na:visited,\na:hover {\n color: #2a2a2a;\n}\nstrong,\nb {\n font-weight: bold;\n}\nem,\ni {\n font-style: italic;\n}\nul {\n list-style-type: none;\n}\nli {\n font-size: 16px;\n}\n@media only screen and (min-width: 40em) {\n li {\n font-size: 17px;\n }\n}\nimg,\nvideo {\n display: block;\n width: 100%;\n}\nbutton {\n cursor: pointer;\n border: none;\n outline: none;\n margin: 0;\n padding: 0;\n font-size: 1rem;\n font-size: 16px;\n}\n@media only screen and (min-width: 40em) {\n button {\n font-size: 17px;\n }\n}\nsub,\nsup {\n font-size: 0.75rem;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsup {\n top: -0.5em;\n}\nsub {\n bottom: -0.25em;\n}\nheader {\n z-index: 1000;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n}\nheader a.logo {\n display: block;\n border: none;\n max-width: 9rem;\n margin: 1rem auto;\n}\nheader a.logo svg {\n fill: #2a2a2a;\n display: block;\n width: 100%;\n}\n.intro {\n margin: 0 auto;\n padding: 5rem 1rem 2.5rem 1rem;\n background-color: #e2e2e2;\n}\n.intro__hed {\n font-weight: bold;\n max-width: 60rem;\n margin: 0 auto;\n padding-top: 5rem;\n text-align: center;\n font-size: 40px;\n line-height: 1.2;\n}\n@media only screen and (min-width: 40em) {\n .intro__hed {\n font-size: 48px;\n line-height: 1.2;\n }\n}\n@media only screen and (min-width: 50em) {\n .intro__hed {\n font-size: 64px;\n line-height: 1.2;\n }\n}\n.intro__byline {\n font-size: 14px;\n line-height: 1.5;\n text-align: center;\n padding-top: 5rem;\n}\n.intro__dek {\n max-width: 40rem;\n margin: 0 auto;\n padding-top: 1rem;\n font-size: 17px;\n line-height: 1.7;\n text-align: center;\n}\n.line-scatter {\n margin-left: 50px;\n position: relative;\n}\n.year-container {\n margin-top: 100px;\n}\n.line {\n height: 20px;\n position: absolute;\n width: 2px;\n background: #f00;\n opacity: 0.1;\n z-index: 0;\n}\n.line-half {\n background: #000;\n width: 2px;\n height: 30px;\n opacity: 1;\n z-index: 1;\n margin-top: -5px;\n}\n.line-average {\n background: #00f;\n width: 2px;\n height: 30px;\n opacity: 1;\n z-index: 1;\n margin-top: -5px;\n}\n.region-container {\n margin-bottom: 20px;\n height: 20px;\n}\n#newsroom {\n font-family: 'Roboto';\n font-weight: 400;\n padding: 50px;\n display: none;\n}\n#newsroom svg {\n margin: 20px 0px;\n}\n.table-rows {\n height: auto;\n}\n.table-rows-row {\n height: 30px;\n position: relative;\n}\n.table-rows-row-dot {\n width: 10px;\n height: 10px;\n position: absolute;\n top: 0px;\n}\n.table-rows-row-dot-text {\n font-size: 10px;\n font-family: sans-serif;\n position: absolute;\n margin: 0;\n width: 100px;\n font-weight: 500;\n top: 10px;\n text-transform: capitalize;\n}\n.table-rows-row-name {\n font-family: sans-serif;\n font-weight: 500;\n font-size: 12px;\n text-transform: capitalize;\n}\n","// Various hides\n.hide-accessible\n\thidden(accessible)\n.hide-invisible\n\thidden(invisible)\n.hide-display\n\thidden()\n\t\n// Skip to main for accessibility\n.skip-to-main\n\tborder none\n\thidden(accessible)\n\t&:focus \n\t\twidth auto\n\t\theight auto\n\t\tbackground-color $off-white\n\t\tpadding 0.5em\n\t\tz-index 1\n\n.prose\n\tmax-width 40rem\n\tmargin 0 auto\n\tpadding 0 1rem\n\t&__hed\n\t\tfont-weight 500\n\n.graphic\n\t&__hed\n\t\tfont-weight 700\n\t&__dek\n\t\tmargin 0\n\t\tmargin-bottom 1.5rem\n\t&__chart\n\t\twidth 100%\n\t&__key\n\t\tdisplay flex\n\t\tflex-wrap wrap\n\t\tmargin-bottom 0.5rem\n\t\tjustify-content flex-end\n\t\tli \n\t\t\tpadding 0\n\t\t\tmargin-left 0.75em\n\t\t\tletter-spacing 0.05em\n\t\t\ttext-transform uppercase\n\t\t\tfont-weight 500\n\t\t\tline-height 1\n\t\t\t&:before\n\t\t\t\tcontent ''\n\t\t\t\tdisplay inline-block\n\t\t\t\twidth 0.8em\n\t\t\t\theight 0.8em\n\t\t\t\tbackground-color $gray-dark\n\t\t\t\tmargin-right 0.25em","// font\n// Function will output a classname for a type size\n// Set 'all' to output all sizes as classnames\n// Toggle lineheight with 'lh'\n// ------------------------------------------------\n// e.g.\n// set-type-class('medium', lh = true)\n// outputs to\n// .medium {\n// font-size: 18px;\n// line-height: 2;\n// }\nset-type-class(scale, lh = false)\n if scale in $type-size\n .{scale}\n font-size: $type-size[scale].size\n if lh == true\n line-height: $type-size[scale].line-height\n \n else if scale == all\n for scale in $type-size\n .{scale}\n font-size: $type-size[scale].size\n if lh == true\n line-height: $type-size[scale].line-height\n else\n error('Not a defined type scale')\n\n// Function will output a font-size within a selector\n// Toggle lineheight with 'lh'\n// ------------------------------------------------\n// e.g.\n// .selector\n// set-type-size('medium', lh = true)\n// outputs to\n// .selector {\n// font-size: 18px;\n// line-height: 2;\n// }\nset-type-size(scale, lh = false)\n if scale in $type-size\n font-size: $type-size[scale].size\n if lh == true\n line-height: $type-size[scale].line-height\n else\n error('Not a defined type scale')\n\n// -------------------\n// WEB FONT LOADING\n// -------------------\n// font = the actual font name (eg. Open Sans)\n// hash = the hashed version (eg. open-sans)\n// fallback = fallback stack (eg. $sans or 'Helvetica, Arial')\n// fb-weight = fallback weight\nfontify($font, $hash, $fallback)\n\t.tk-{$hash}\n\t\tfont-family $fallback\n\t\t.loaded-{$hash} & \n\t\t\tfont-family $font, $fallback\n\t\t\t\n// -------------------\n// BREAKPOINTS\n// -------------------\nmq(breakpoint)\n\tif breakpoint in $mq_vars\n\t\tcondition = unquote($mq_vars[breakpoint])\n\t\tcondition = 'only screen and %s' % condition\n\t\t@media condition\n\t\t\t{block}\n\telse\n\t\terror('Not a defined media query')\n\n// -------------------\n// CLEARFIX\n// -------------------\nclearfix()\n\toverflow hidden\n\tzoom 1\n\n// -------------------\n// LIST STYLES\n// -------------------\n// Default is none\nlist-style(type = none)\n\tlist-style-type type\n\tmargin 0\n\tpadding 0\n\t\n// -------------------\n// GRIDS\n// -------------------\nflex-grid(num, child, gutter = false, direction = row)\n\tdisplay flex\n\tflex-direction direction\n\tflex-wrap wrap\n\t> .{child}\n\t\twidth (100% / num)\n\t\tif num == equal\n\t\t\tflex 1\n\tif gutter\n\t\tjustify-content space-between\n\t\t> .{child}\n\t\t\tflex-basis (100% / num) - gutter\n\n// -------------------\n// HIDE\n// -------------------\nhidden(type = false)\n\tif type == accessible\n\t\twidth 1px \n\t\theight 1px \n\t\toverflow hidden\n\t\tposition absolute\n\telse if type == invisible\n\t\tvisibility hidden\n\telse\n\t\tdisplay none\n\n\n// -------------------\n// VERTICAL CENTERING\n// Centers items vertically\n// If you want horizontal centering on flex\n// add `justify-content center`\n// -------------------\n// Put this on the parent element\ncenter(type, child = false)\n\tif type == flex\n\t\t// No child, set to false in function\n\t\tdisplay flex\n\t\talign-items center\n\telse if type == translate\n\t\ttransform-style preserve-3d\n\t\t> .{child}\n\t\t\tposition relative\n\t\t\ttop 50%\n\t\t\ttransform translateY(-50%)\n\telse if type == absolute\n\t\tposition relative\n\t\t> .{child}\n\t\t\tposition absolute\n\t\t\ttop 50%\n\t\t\twidth 100%\n\n//===============================\n// Z-INDEX\n//===============================\nset-index(layer)\n\tif layer in $z-index\n\t\treturn $z-index[layer]\n\telse\n\t\terror('Not a layer in z-index')\n\n//===============================\n// RANDOM\n//===============================\nrandom(min, max)\n\treturn math(math(0, 'random')*(max - min + 1) + min, 'floor')\n\t\n//===============================\n// MODULAR SCALE\n//===============================\nms(scale)\n\tmodularScale(scale, 18, 'golden', rem)\n","// -------------------\n// Layouts\n// -------------------\n\nbody\n\tfont-feature-settings 'kern' 1, 'onum' 1, 'liga' 0, 'tnum' 1\n\t-webkit-font-smoothing antialiased\n\t-moz-osx-font-smoothing grayscale\n\t-webkit-tap-highlight-color rgba(0,0,0,0)\n\tbackground-color #fff\n\tcolor $off-black\n\tset-type-size(root, false)\n\t+mq('bp-2')\n\t\tset-type-size(medium, false)\n\nh1\n\tset-type-size(xxx-large, true)\n\tmargin-top 1.5rem\nh2\n\tset-type-size(xx-large, true)\n\tmargin-top 1.5rem\nh3\n\tset-type-size(x-large, true)\n\tmargin-top 1.5rem\nh4\n\tset-type-size(large, true)\n\tmargin-top 1.5rem\nh5\n\tset-type-size(medium, true)\n\tmargin-top 1.5rem\nh6\n\tset-type-size(root, true)\n\tmargin-top 1.5rem\np \n\tmargin 1.5rem 0\n\tset-type-size(root, true)\n\t+mq('bp-2')\n\t\tset-type-size(medium, true)\n\na\n\ttext-decoration none\n\tborder-bottom 1px solid $off-black\n\tcolor $off-black\n\t&:visited, &:hover\n\t\tcolor $off-black\n\nstrong, b\n\tfont-weight bold\n\nem, i\n\tfont-style italic\n\t\nul\n\tlist-style-type none\n\nli\n\tset-type-size(root, false)\n\t+mq('bp-2')\n\t\tset-type-size(medium, false)\n\nimg, video\n\tdisplay block\n\twidth 100%\n\nbutton\n\tcursor pointer\n\tborder none\n\toutline none\n\tmargin 0\n\tpadding 0\n\tfont-size 1rem\n\tset-type-size(root, false)\n\t+mq('bp-2')\n\t\tset-type-size(medium, false)\n\nsub, sup\n\tfont-size 0.75rem\n\tline-height 0\n\tposition relative\n\tvertical-align baseline\n\nsup\n\ttop -0.5em\n\nsub\n\tbottom -0.25em\n","header\n\tz-index set-index('overlay')\n\tposition absolute\n\ttop 0\n\tleft 0\n\twidth 100%\n\n\ta.logo\n\t\tdisplay block\n\t\tborder none\n\t\tmax-width 9rem\n\t\tmargin 1rem auto\n\n\t\tsvg\n\t\t\tfill $off-black\n\t\t\tdisplay block\n\t\t\twidth 100%",".intro\n\tmargin 0 auto\n\tpadding 5rem 1rem 2.5rem 1rem\n\tbackground-color darken($off-white, 5)\n\t&__hed\n\t\tfont-weight bold\n\t\tmax-width 60rem\n\t\tmargin 0 auto\n\t\tpadding-top 5rem\n\t\ttext-align center\n\t\tset-type-size('xx-large', true)\n\t\t+mq('bp-2')\n\t\t\tset-type-size('xxx-large', true)\n\t\t+mq('bp-3')\n\t\t\tset-type-size('xxxx-large', true)\n\t\n\t&__byline\n\t\tset-type-size('small', true)\n\t\ttext-align center\n\t\tpadding-top 5rem\n\t\t\n\t&__dek\n\t\tmax-width 40rem\n\t\tmargin 0 auto\n\t\tpadding-top 1rem\n\t\tset-type-size('medium', true)\n\t\ttext-align center",".line-scatter\n margin-left 50px\n position relative\n\n.year-container\n margin-top 100px\n\n\n.line\n height 20px\n position absolute\n width 2px\n background red\n opacity .1\n z-index 0\n\n.line-half\n background black\n width 2px\n height 30px\n opacity 1\n z-index 1\n margin-top -5px\n\n.line-average\n background blue\n width 2px\n height 30px\n opacity 1\n z-index 1\n margin-top -5px\n\n.region-container\n margin-bottom 20px\n height 20px\n","#newsroom\n font-family: 'Roboto'\n font-weight: 400\n padding: 50px\n display none\n\n svg\n margin: 20px 0px\n",".table-rows\n height auto\n\n.table-rows-row\n height 30px\n position relative\n\n.table-rows-row-dot\n width 10px\n height 10px\n position absolute\n top 0px\n\n.table-rows-row-dot-text\n font-size 10px\n font-family sans-serif\n position absolute\n margin 0\n width 100px\n font-weight 500\n top 10px\n text-transform capitalize\n\n.table-rows-row-name\n font-family sans-serif\n font-weight 500\n font-size 12px\n text-transform capitalize\n"]}