41 lines
50 KiB
Plaintext
41 lines
50 KiB
Plaintext
|
{
|
||
|
|
"version": 3,
|
||
|
|
"file": "main.css",
|
||
|
|
"sourceRoot": "/home/simon/siempie",
|
||
|
|
"sources": [
|
||
|
|
"themes/hello-friend-ng/assets/scss/main.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_normalize.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_prism.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_variables.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_mixins.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_fonts.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_buttons.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_header.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_logo.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_menu.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_main.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_list.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_single.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_footer.scss",
|
||
|
|
"themes/hello-friend-ng/assets/scss/_sharing-buttons.scss"
|
||
|
|
],
|
||
|
|
"sourcesContent": [
|
||
|
|
"/* Must be loaded before everything else */\n@import \"normalize\";\n@import \"prism\";\n/* Main stuff */\n@import \"variables\";\n@import \"mixins\";\n@import \"fonts\";\n@import \"buttons\";\n/* Modules */\n@import \"header\";\n@import \"logo\";\n@import \"menu\";\n@import \"main\";\n@import \"list\";\n@import \"single\";\n@import \"footer\";\n@import \"sharing-buttons\";",
|
||
|
|
"/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n/* Webkit Scrollbar Customize */\n::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n background: #212020;\n}\n\n::-webkit-scrollbar-thumb {\n background: #888;\n\n &:hover {\n background: #dcdcdc;\n }\n}\n\nhtml {\n line-height: 1.15; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n ========================================================================== */\n\n/**\n * Remove the margin in all browsers.\n */\n\nbody {\n margin: 0;\n}\n\n/**\n * Render the `main` element consistently in IE.\n */\n\nmain {\n display: block;\n}\n\n/**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\nhr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\npre {\n font-family: monospace, monospace; /* 1 */\n font-display: auto;\n font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Remove the gray background on active links in IE 10.\n */\n\na {\n background-color: transparent;\n}\n\n/**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\nabbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n}\n\n/**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; /* 1 */\n font-display: auto;\n font-size: 1em; /* 2 */\n}\n\n/**\n * Add the correct font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove the border on images inside links in IE 10.\n */\n\nimg {\n border-style: none;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-display: auto;\n font-size: 100%; /* 1 */\n line-height: 1.15; /* 1 */\n margin: 0; /* 2 */\n}\n\n/**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\nbutton,\ninput { /* 1 */\n overflow: visible;\n}\n\n/**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\nbutton,\nselect { /* 1 */\n text-transform: none;\n}\n\n/**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/**\n * Remove the inner border and padding in Firefox.\n */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-m
|
||
|
|
"/* PrismJS 1.20.0\nhttps://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+clike+javascript+abap+actionscript+ada+apacheconf+apl+applescript+arduino+arff+asciidoc+asm6502+aspnet+autohotkey+autoit+bash+basic+batch+bison+brainfuck+bro+c+csharp+cpp+cil+coffeescript+clojure+crystal+csp+css-extras+d+dart+diff+django+docker+eiffel+elixir+elm+erb+erlang+fsharp+flow+fortran+gcode+gedcom+gherkin+git+glsl+gml+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+http+hpkp+hsts+ichigojam+icon+inform7+ini+io+j+java+javastacktrace+jolie+json+julia+keyman+kotlin+latex+less+liquid+lisp+livescript+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+monkey+n1ql+n4js+nand2tetris-hdl+nasm+nginx+nim+nix+nsis+objectivec+ocaml+opencl+oz+parigp+parser+pascal+perl+php+php-extras+plsql+powershell+processing+prolog+properties+protobuf+pug+puppet+pure+python+q+qore+r+jsx+tsx+renpy+reason+rest+rip+roboconf+ruby+rust+sas+sass+scss+scala+scheme+smalltalk+smarty+soy+sql+stylus+swift+tap+tcl+textile+toml+tt2+twig+typescript+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+wasm+wiki+xeora+xojo+xquery+yaml */\n/**\n * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML\n * Based on https://github.com/chriskempson/tomorrow-theme\n * @author Rose Pritchard\n */\n\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: #ccc;\n\tbackground: none;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\twhite-space: pre;\n\tword-spacing: normal;\n\tword-break: normal;\n\tword-wrap: normal;\n\tline-height: 1.5;\n\n\t-moz-tab-size: 4;\n\t-o-tab-size: 4;\n\ttab-size: 4;\n\n\t-webkit-hyphens: none;\n\t-moz-hyphens: none;\n\t-ms-hyphens: none;\n\thyphens: none;\n\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tpadding: 1em;\n\tmargin: .5em 0;\n\toverflow: auto;\n}\n\n:not(pre) > code[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tbackground: #2d2d2d;\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tpadding: .1em;\n\tborder-radius: .3em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.block-comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: #999;\n}\n\n.token.punctuation {\n\tcolor: #ccc;\n}\n\n.token.tag,\n.token.attr-name,\n.token.namespace,\n.token.deleted {\n\tcolor: #e2777a;\n}\n\n.token.function-name {\n\tcolor: #6196cc;\n}\n\n.token.boolean,\n.token.number,\n.token.function {\n\tcolor: #f08d49;\n}\n\n.token.property,\n.token.class-name,\n.token.constant,\n.token.symbol {\n\tcolor: #f8c555;\n}\n\n.token.selector,\n.token.important,\n.token.atrule,\n.token.keyword,\n.token.builtin {\n\tcolor: #cc99cd;\n}\n\n.token.string,\n.token.char,\n.token.attr-value,\n.token.regex,\n.token.variable {\n\tcolor: #7ec699;\n}\n\n.token.operator,\n.token.entity,\n.token.url {\n\tcolor: #67cdcc;\n}\n\n.token.important,\n.token.bold {\n\tfont-weight: bold;\n}\n.token.italic {\n\tfont-style: italic;\n}\n\n.token.entity {\n\tcursor: help;\n}\n\n.token.inserted {\n\tcolor: green;\n}\n\n",
|
||
|
|
"@charset \"UTF-8\";\n\n/* light theme color */\n$light-background: #fff;\n$light-background-secondary: #eaeaea;\n$light-color: #222;\n$light-color-secondary: #999;\n$light-border-color: #dcdcdc;\n\n/* dark theme colors */\n$dark-background: #292a2d;\n$dark-background-secondary: #3b3d42;\n$dark-color: #a9a9b3;\n$dark-color-secondary: #73747b;\n$dark-border-color: #4a4b50;\n\n$media-size-phone: \"(max-width: 684px)\";\n$media-size-tablet: \"(max-width: 900px)\";\n\n/* variables for js, must be the same as these in @custom-media queries */\n:root {\n --phoneWidth: (max-width: 684px);\n --tabletWidth: (max-width: 900px);\n}\n",
|
||
|
|
"@mixin dimmed {\n opacity: .6;\n}\n",
|
||
|
|
"@font-face {\n font-family: 'Inter UI';\n font-style: normal;\n font-display: auto;\n font-weight: 400;\n src: url(\"../fonts/Inter-UI-Regular.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-Regular.woff\") format(\"woff\");\n}\n@font-face {\n font-family: 'Inter UI';\n font-style: italic;\n font-display: auto;\n font-weight: 400;\n src: url(\"../fonts/Inter-UI-Italic.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-Italic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: 'Inter UI';\n font-style: normal;\n font-display: auto;\n font-weight: 600;\n src: url(\"../fonts/Inter-UI-Medium.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-Medium.woff\") format(\"woff\");\n}\n@font-face {\n font-family: 'Inter UI';\n font-style: italic;\n font-display: auto;\n font-weight: 600;\n src: url(\"../fonts/Inter-UI-MediumItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-MediumItalic.woff\") format(\"woff\");\n}\n\n@font-face {\n font-family: 'Inter UI';\n font-style: normal;\n font-display: auto;\n font-weight: 800;\n src: url(\"../fonts/Inter-UI-Bold.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-Bold.woff\") format(\"woff\");\n}\n@font-face {\n font-family: 'Inter UI';\n font-style: italic;\n font-display: auto;\n font-weight: 800;\n src: url(\"../fonts/Inter-UI-BoldItalic.woff2\") format(\"woff2\"),\n url(\"../fonts/Inter-UI-BoldItalic.woff\") format(\"woff\");\n}\n",
|
||
|
|
".button-container {\n display: table;\n margin-left: auto;\n margin-right: auto;\n}\n\nbutton,\n.button,\na.button {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 8px 18px;\n margin-bottom: 5px;\n background: $light-background-secondary;\n text-decoration: none;\n text-align: center;\n font-weight: 500;\n border-radius: 8px;\n border: 1px solid transparent;\n appearance: none;\n cursor: pointer;\n outline: none;\n\n .dark-theme & {\n background: $dark-background-secondary;\n color: inherit;\n }\n\n /* variants */\n\n &.outline {\n background: transparent;\n border-color: $light-background-secondary;\n box-shadow: none;\n padding: 8px 18px;\n\n .dark-theme & {\n border-color: $dark-background-secondary;\n color: inherit;\n }\n\n :hover {\n transform: none;\n box-shadow: none;\n }\n }\n\n &.primary {\n box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);\n\n &:hover {\n box-shadow: 0 2px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .08);\n }\n }\n\n &.link {\n background: none;\n font-size: 1rem;\n }\n\n &.small {\n font-size: .8rem;\n }\n\n &.wide {\n min-width: 200px;\n padding: 14px 24px;\n }\n}\n\n.code-toolbar {\n margin-bottom: 20px;\n\n .toolbar-item a {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 3px 8px;\n margin-bottom: 5px;\n background: $light-background-secondary;\n text-decoration: none;\n text-align: center;\n font-size: 13px;\n font-weight: 500;\n border-radius: 8px;\n border: 1px solid transparent;\n appearance: none;\n cursor: pointer;\n outline: none;\n\n .dark-theme & {\n background: $dark-background-secondary;\n color: inherit;\n }\n }\n}\n",
|
||
|
|
".header {\n background: #fafafa;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 20px;\n\n .dark-theme & {\n background: #252627;\n }\n\n &__right {\n display: flex;\n flex-direction: row;\n align-items: center;\n\n @media #{$media-size-phone} {\n flex-direction: row-reverse;\n }\n }\n\n &__inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 0 auto;\n width: 760px;\n max-width: 100%;\n }\n}\n\n.theme-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n cursor: pointer;\n}\n\n.theme-toggler {\n fill: currentColor;\n}\n\n.unselectable {\n user-select: none;\n -webkit-user-select: none; \n -moz-user-select: none; \n -ms-user-select: none; \n}",
|
||
|
|
".logo {\n display: flex;\n align-items: center;\n text-decoration: none;\n font-weight: bold;\n font-display: auto;\n font-family: monospace, monospace;\n\n img {\n height: 44px;\n }\n\n &__mark {\n margin-right: 5px;\n }\n\n &__text {\n font-size: 1.125rem;\n }\n\n &__cursor {\n display: inline-block;\n width: 10px;\n height: 1rem;\n background: #fe5186;\n margin-left: 5px;\n border-radius: 1px;\n animation: cursor 1s infinite;\n }\n\n @media (prefers-reduced-motion: reduce) {\n &__cursor {\n animation: none;\n }\n }\n\n}\n\n@keyframes cursor {\n 0% { opacity: 0; }\n 50% { opacity: 1; }\n 100% { opacity: 0; }\n}\n",
|
||
|
|
".menu {\n background: #fafafa;\n border-right: 1px solid;\n margin-right: 18px;\n z-index: 9999;\n\n .dark-theme & {\n background: #252627;\n }\n\n @media #{$media-size-phone} {\n position: absolute;\n top: 50px;\n right: 0;\n border: none;\n margin: 0;\n padding: 10px;\n }\n\n &__inner {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n max-width: 100%;\n margin: 0 auto;\n padding: 0 15px;\n font-size: 1rem;\n list-style: none;\n\n li {\n margin: 0 12px;\n }\n\n @media #{$media-size-phone} {\n flex-direction: column;\n align-items: flex-start;\n padding: 0;\n\n li {\n margin: 0;\n padding: 5px;\n }\n }\n }\n\n &-trigger {\n width: 24px;\n height: 24px;\n fill: currentColor;\n margin-left: 10px;\n cursor: pointer;\n }\n\n a {\n display: inline-block;\n margin-right: 15px;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n\n &:last-of-type {\n margin-right: 0;\n }\n }\n}\n",
|
||
|
|
"html {\n box-sizing: border-box;\n line-height: 1.6;\n letter-spacing: .06em;\n scroll-behavior: smooth;\n}\n\n*,\n*:before,\n*:after {\n box-sizing: inherit;\n}\n\nbody {\n margin: 0;\n padding: 0;\n font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, \"Roboto\", \"Segoe UI\", Helvetica, Arial, sans-serif;\n font-display: auto;\n font-size: 1rem;\n line-height: 1.54;\n background-color: $light-background;\n color: $light-color;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n font-feature-settings: \"liga\", \"tnum\", \"case\", \"calt\", \"zero\", \"ss01\", \"locl\";\n -webkit-overflow-scrolling: touch;\n -webkit-text-size-adjust: 100%;\n\n display: flex;\n min-height: 100vh;\n flex-direction: column;\n\n @media #{$media-size-phone} {\n font-size: 1rem;\n }\n\n &.dark-theme {\n background-color: $dark-background;\n color: $dark-color;\n }\n}\n\nh2, h3, h4, h5, h6 {\n display: flex;\n align-items: center;\n line-height: 1.3;\n}\n\nh1 {\n font-size: 2.625rem;\n}\n\nh2 {\n font-size: 1.625rem;\n}\n\nh3 {\n font-size: 1.375rem;\n}\n\nh4 {\n font-size: 1.125rem;\n}\n\n@media #{$media-size-phone} {\n h1 {\n font-size: 2rem;\n }\n\n h2 {\n font-size: 1.4rem;\n }\n\n h3 {\n font-size: 1.15rem;\n }\n\n h4 {\n font-size: 1.125rem;\n }\n}\n\na {\n color: inherit;\n}\n\nimg {\n display: block;\n max-width: 100%;\n\n &.left {\n margin-right: auto;\n }\n\n &.center {\n margin-left: auto;\n margin-right: auto;\n }\n\n &.right {\n margin-left: auto;\n }\n &.circle {\n border-radius: 50%;\n max-width: 25%;\n margin: auto;\n }\n}\n\nfigure {\n display: table;\n max-width: 100%;\n margin: 25px 0;\n\n &.left {\n margin-right: auto;\n }\n\n &.left-floated {\n margin-right: auto;\n float: left;\n img {\n margin: 20px 20px 20px 0;\n }\n }\n\n &.center {\n margin-left: auto;\n margin-right: auto;\n }\n\n &.right {\n margin-left: auto;\n }\n\n &.right-floated {\n margin-left: auto;\n float: right;\n img {\n margin: 20px 0 20px 20px;\n }\n }\n\n &.rounded {\n img {\n border-radius: 50%;\n }\n }\n\n figcaption {\n font-size: 14px;\n margin-top: 5px;\n opacity: .8;\n\n &.left {\n text-align: left;\n }\n\n &.center {\n text-align: center;\n }\n\n &.right {\n text-align: right;\n }\n }\n}\n\ncode {\n font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;\n font-display: auto;\n font-feature-settings: normal;\n background: $light-background-secondary;\n padding: 1px 6px;\n margin: 0 2px;\n border-radius: 5px;\n font-size: .95rem;\n\n .dark-theme & {\n background: $dark-background-secondary;\n }\n}\n\npre {\n background: #212020;\n padding: 10px 10px 10px 20px;\n border-radius: 8px;\n font-size: .95rem;\n overflow: auto;\n\n @media #{$media-size-phone} {\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n\n code {\n background: none !important;\n color: #ccc;\n margin: 0;\n padding: 0;\n font-size: inherit;\n\n .dark-theme & {\n color: inherit;\n }\n }\n}\n\nblockquote {\n border-left: 2px solid;\n margin: 40px;\n padding: 10px 20px;\n\n @media #{$media-size-phone} {\n margin: 10px;\n padding: 10px;\n }\n\n &:before {\n content: '”';\n font-family: Georgia, serif;\n font-display: auto;\n font-size: 3.875rem;\n position: absolute;\n left: -40px;\n top: -20px;\n }\n\n p:first-of-type {\n margin-top: 0;\n }\n\n p:last-of-type {\n margin-bottom: 0;\n }\n}\n\nul, ol {\n margin-left: 40px;\n padding: 0;\n\n @media #{$media-size-phone} {\n margin-left: 20px;\n }\n}\n\nol ol {\n list-style-type: lower-alpha;\n}\n\n.container {\n flex: 1 auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n text-align: center;\n}\n\n.content {\n display: flex;\n flex-direction: column;\n flex: 1 auto;\n align-items: center;\n justify-content: center;\n margin: 0;\n\n @media #
|
||
|
|
".posts {\n width: 100%;\n max-width: 800px;\n text-align: left;\n padding: 20px;\n margin: 20px auto;\n\n @media #{$media-size-tablet} {\n max-width: 660px;\n }\n\n &:not(:last-of-type) {\n border-bottom: 1px solid $light-border-color;\n\n .dark-theme & {\n border-color: $dark-border-color;\n }\n }\n\n &-group {\n display: flex;\n margin-bottom: 1.9em;\n line-height: normal;\n\n @media #{$media-size-tablet} {\n display: block;\n }\n }\n\n &-list {\n flex-grow: 1;\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .post {\n &-title {\n font-size: 1rem;\n margin: 5px 0 5px 0;\n }\n\n &-year {\n padding-top: 6px;\n margin-right: 1.8em;\n font-size: 1.6em;\n @include dimmed;\n\n @media #{$media-size-tablet} {\n margin: -6px 0 4px;\n }\n }\n\n &-item {\n border-bottom: 1px grey dashed;\n\n a {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n padding: 12px 0;\n text-decoration: none;\n }\n }\n\n &-day {\n flex-shrink: 0;\n margin-left: 1em;\n @include dimmed;\n }\n }\n}\n",
|
||
|
|
".post {\n width: 100%;\n max-width: 800px;\n text-align: left;\n padding: 20px;\n margin: 20px auto;\n @media #{$media-size-tablet} {\n max-width: 600px;\n }\n\n &-date {\n &:after {\n content: '—';\n }\n }\n\n &-title {\n font-size: 2.625rem;\n margin: 0 0 20px;\n @media #{$media-size-phone} {\n font-size: 2rem;\n }\n\n a {\n text-decoration: none;\n }\n }\n\n &-tags {\n display: block;\n margin-bottom: 20px;\n font-size: 1rem;\n opacity: 0.5;\n\n a {\n text-decoration: none;\n }\n }\n\n &-content {\n margin-top: 30px;\n }\n\n &-cover {\n border-radius: 8px;\n margin: 40px -50px;\n width: 860px;\n max-width: 860px;\n @media #{$media-size-tablet} {\n margin: 20px 0;\n width: 100%;\n }\n }\n\n &-info {\n margin-top: 30px;\n font-size: 0.8rem;\n line-height: normal;\n @include dimmed;\n\n p {\n margin: 0.8em 0;\n }\n\n a:hover {\n border-bottom: 1px solid white;\n }\n\n svg {\n margin-right: 0.8em;\n }\n\n .tag {\n margin-right: 0.5em;\n\n &::before {\n content: \"#\";\n }\n }\n\n .feather {\n display: inline-block;\n vertical-align: -.125em;\n width: 1em;\n height: 1em;\n }\n }\n\n .flag {\n border-radius: 50%;\n margin: 0 5px;\n }\n}\n\n.pagination {\n margin-top: 20px;\n\n &__title {\n display: flex;\n text-align: center;\n position: relative;\n margin: 20px 0;\n\n &-h {\n text-align: center;\n margin: 0 auto;\n padding: 5px 10px;\n background: $light-background;\n color: $light-color-secondary;\n font-size: 0.8rem;\n text-transform: uppercase;\n text-decoration: none;\n letter-spacing: 0.1em;\n z-index: 1;\n\n .dark-theme & {\n background: $dark-background;\n color: $dark-color-secondary;\n }\n }\n\n hr {\n position: absolute;\n left: 0;\n right: 0;\n width: 100%;\n margin-top: 15px;\n z-index: 0;\n }\n }\n\n &__buttons {\n display: flex;\n align-items: center;\n justify-content: center;\n\n a {\n text-decoration: none;\n font-weight: bold;\n }\n }\n}\n\n.button {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background: $light-background-secondary;\n font-size: 1rem;\n font-weight: 600;\n border-radius: 8px;\n max-width: 40%;\n padding: 0;\n cursor: pointer;\n appearance: none;\n\n .dark-theme & {\n background: $dark-background-secondary;\n }\n\n + .button {\n margin-left: 10px;\n }\n\n a {\n display: flex;\n padding: 8px 16px;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n &__text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n }\n\n &.next .button__icon {\n margin-left: 8px;\n }\n\n &.previous .button__icon {\n margin-right: 8px;\n }\n}",
|
||
|
|
".footer {\n padding: 40px 20px;\n flex-grow: 0;\n color: $light-color-secondary;\n\n &__inner {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto;\n width: 760px;\n max-width: 100%;\n\n @media #{$media-size-tablet} {\n flex-direction: column;\n }\n }\n\n &__content {\n display: flex;\n flex-direction: row;\n align-items: center;\n font-size: 1rem;\n color: $light-color-secondary;\n\n @media #{$media-size-tablet} {\n flex-direction: column;\n margin-top: 10px;\n }\n\n & > *:not(:last-child)::after {\n content: \"•\";\n padding: 0 5px;\n\n @media #{$media-size-tablet} {\n content: \"\";\n padding: 0;\n }\n }\n\n & > *:last-child {\n padding: 0 5px;\n\n @media #{$media-size-tablet} {\n padding: 0;\n }\n }\n }\n}\n",
|
||
|
|
".sharing-buttons {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n .resp-sharing-button__icon,\n .resp-sharing-button__link {\n display: inline-block;\n }\n\n .resp-sharing-button__link {\n text-decoration: none;\n margin: 0.5em;\n }\n\n .resp-sharing-button {\n border-radius: 5px;\n transition: 25ms ease-out;\n padding: 0.5em 0.75em;\n font-family: Helvetica Neue,Helvetica,Arial,sans-serif;\n }\n\n .resp-sharing-button__icon svg {\n width: 1em;\n height: 1em;\n margin-right: 0.4em;\n vertical-align: top;\n }\n\n .resp-sharing-button--small svg {\n margin: 0;\n vertical-align: middle;\n }\n}"
|
||
|
|
],
|
||
|
|
"names": [],
|
||
|
|
"mappings": "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
|
||
|
|
}
|