website/public/main.css.map

45 lines
79 KiB
Plaintext
Raw Normal View History

2021-08-25 02:10:34 +00:00
{
"version": 3,
"file": "main.css",
2021-08-27 14:58:55 +00:00
"sourceRoot": "/home/forero/website",
2021-08-25 02:10:34 +00:00
"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",
"themes/hello-friend-ng/assets/scss/_tables.scss",
"themes/hello-friend-ng/assets/scss/_404.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\";\n@import \"tables\";\n@import \"404\";\n",
"/*! 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.23.0\nhttps://prismjs.com/download.html#themes=prism-twilight&languages=markup+css+clike+javascript+ada+apacheconf+bash+batch+c+csharp+cpp+coffeescript+css-extras+dart+django+dns-zone-file+docker+elixir+etlua+erlang+git+go+graphql+groovy+haml+handlebars+haskell+http+hpkp+hsts+ini+java+javadoc+javadoclike+jsdoc+js-extras+json+json5+jsonp+julia+kotlin+latex+less+lisp+lua+markup-templating+matlab+nginx+objectivec+perl+php+phpdoc+php-extras+powershell+promql+protobuf+puppet+purescript+python+r+jsx+tsx+regex+rest+ruby+rust+sass+scss+shell-session+sql+stylus+swift+toml+twig+typescript+typoscript+verilog+vhdl+vim+visual-basic+wasm+xml-doc+yaml&plugins=line-highlight+line-numbers+show-language+toolbar */\n/**\n * prism.js Twilight theme\n * Based (more or less) on the Twilight theme originally of Textmate fame.\n * @author Remy Bach\n */\ncode[class*=\"language-\"],\npre[class*=\"language-\"] {\n\tcolor: white;\n\tbackground: none;\n\tfont-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;\n\tfont-size: 1em;\n\ttext-align: left;\n\ttext-shadow: 0 -.1em .2em black;\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\npre[class*=\"language-\"],\n:not(pre) > code[class*=\"language-\"] {\n\tbackground: hsl(0, 0%, 8%); /* #141414 */\n}\n\n/* Code blocks */\npre[class*=\"language-\"] {\n\tborder-radius: .5em;\n\tborder: .3em solid hsl(0, 0%, 33%); /* #282A2B */\n\tbox-shadow: 1px 1px .5em black inset;\n\tmargin: .5em 0;\n\toverflow: auto;\n\tpadding: 1em;\n}\n\npre[class*=\"language-\"]::-moz-selection {\n\t/* Firefox */\n\tbackground: hsl(200, 4%, 16%); /* #282A2B */\n}\n\npre[class*=\"language-\"]::selection {\n\t/* Safari */\n\tbackground: hsl(200, 4%, 16%); /* #282A2B */\n}\n\n/* Text Selection colour */\npre[class*=\"language-\"]::-moz-selection, pre[class*=\"language-\"] ::-moz-selection,\ncode[class*=\"language-\"]::-moz-selection, code[class*=\"language-\"] ::-moz-selection {\n\ttext-shadow: none;\n\tbackground: hsla(0, 0%, 93%, 0.15); /* #EDEDED */\n}\n\npre[class*=\"language-\"]::selection, pre[class*=\"language-\"] ::selection,\ncode[class*=\"language-\"]::selection, code[class*=\"language-\"] ::selection {\n\ttext-shadow: none;\n\tbackground: hsla(0, 0%, 93%, 0.15); /* #EDEDED */\n}\n\n/* Inline code */\n:not(pre) > code[class*=\"language-\"] {\n\tborder-radius: .3em;\n\tborder: .13em solid hsl(0, 0%, 33%); /* #545454 */\n\tbox-shadow: 1px 1px .3em -.1em black inset;\n\tpadding: .15em .2em .05em;\n\twhite-space: normal;\n}\n\n.token.comment,\n.token.prolog,\n.token.doctype,\n.token.cdata {\n\tcolor: hsl(0, 0%, 47%); /* #777777 */\n}\n\n.token.punctuation {\n\topacity: .7;\n}\n\n.token.namespace {\n\topacity: .7;\n}\n\n.token.tag,\n.token.boolean,\n.token.number,\n.token.deleted {\n\tcolor: hsl(14, 58%, 55%); /* #CF6A4C */\n}\n\n.token.keyword,\n.token.property,\n.token.selector,\n.token.constant,\n.token.symbol,\n.token.builtin {\n\tcolor: hsl(53, 89%, 79%); /* #F9EE98 */\n}\n\n.token.attr-name,\n.token.attr-value,\n.token.string,\n.token.char,\n.token.operator,\n.token.entity,\n.token.url,\n.language-css .token.string,\n.style .token.string,\n.token.variable,\n.token.inserted {\n\tcolor: hsl(76, 21%, 52%); /* #8F9D6A */\n}\n\n.token.atrule {\n\tcolor: hsl(218, 22%, 55%); /* #7587A6 */\n}\n\n.token.regex,\n.token.important {\n\tcolor: hsl(42, 75%, 65%); /* #E9C062 */\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\npre[data-line] {\n\tpadding: 1em 0 1em 3em;\n\tposition: relative;\n}\n\n/* Markup */\n.language-markup .token.tag,\n.language-markup .token.attr-name,\n.language-markup .token.punctuation {\n\tcolor: hsl(33, 33%, 52%); /* #AC885B */\n}\n\n/* Make the tokens sit above the line highlight so the colours don't look faded. */\n.token {\n\tposition: relative;\n\tz-index: 1;\n}
"@charset \"UTF-8\";\n\n/* Light theme color */\n$light-background: #fff;\n$light-background-secondary: #eaeaea;\n$light-background-header: #fafafa;\n$light-color: #222;\n$light-color-secondary: #999;\n$light-border-color: #dcdcdc;\n$light-table-color: #dcdcdc;\n\n/* Dark theme colors */\n$dark-background: #232425;\n$dark-background-secondary: #3b3d42;\n$dark-background-header: #1b1c1d;\n$dark-color: #a9a9b3;\n$dark-color-secondary: #b3b3bd;\n$dark-border-color: #4e4e57;\n$dark-table-color: #4e4e57;\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\n/* Content */\n$max-width: 860px;",
"@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 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 // Default\n background: $light-background-header;\n\n @media (prefers-color-scheme: dark) {\n background: $dark-background-header;\n color: inherit;\n }\n\n @media (prefers-color-scheme: light) {\n background: $light-background-header;\n }\n\n [data-theme=dark] & {\n background: $dark-background-header;\n color: inherit;\n }\n\n [data-theme=light] & {\n background: $light-background-header;\n }\n\n &.outline {\n background: transparent;\n box-shadow: none;\n padding: 8px 18px;\n // Default\n border-color: $light-background-secondary;\n\n @media (prefers-color-scheme: dark) {\n border-color: $dark-background-secondary;\n color: inherit;\n }\n \n @media (prefers-color-scheme: light) {\n border-color: $light-background-secondary;\n }\n \n [data-theme=dark] & {\n border-color: $dark-background-secondary;\n color: inherit;\n }\n \n [data-theme=light] & {\n border-color: $light-background-secondary;\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 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 // Default\n background: $light-background-secondary;\n\n @media (prefers-color-scheme: dark) {\n background: $dark-background-secondary;\n color: inherit;\n }\n \n @media (prefers-color-scheme: light) {\n background: $light-background-secondary;\n }\n \n [data-theme=dark] & {\n background: $dark-background-secondary;\n color: inherit;\n }\n \n [data-theme=light] & {\n background: $light-background-secondary;\n }\n }\n}\n",
".header {\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n padding: 20px;\n // Default\n background: $light-background-header;\n\n @media (prefers-color-scheme: dark) {\n background: $dark-background-header;\n }\n\n @media (prefers-color-scheme: light) {\n background: $light-background-header;\n }\n\n [data-theme=dark] & {\n background: $dark-background-header;\n }\n\n [data-theme=light] & {\n background: $light-background-header;\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.not-selectable {\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 z-index: 9999;\n // Default\n background: $light-background-header;\n\n @media (prefers-color-scheme: dark) {\n background: $dark-background-header;\n }\n\n @media (prefers-color-scheme: light) {\n background: $light-background-header;\n }\n\n [data-theme=dark] & {\n background: $dark-background-header;\n }\n\n [data-theme=light] & {\n background: $light-background-header;\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 display: none;\n\n @media #{$media-size-phone} {\n display: block;\n }\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\n\n.submenu {\n background: $light-background-header;\n\n @media (prefers-color-scheme: dark) {\n background: $dark-background-header;\n }\n\n @media (prefers-color-scheme: light) {\n background: $light-background-header;\n }\n\n [data-theme=dark] & {\n background: $dark-background-header;\n }\n\n [data-theme=light] & {\n background: $light-background-header;\n }\n\n ul {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: hidden;\n }\n\n li a, .dropbtn {\n display: inline-block;\n text-decoration: none;\n }\n\n li.dropdown {\n display: inline-block;\n }\n\n .dropdown-content {\n display: none;\n position: absolute;\n background: $dark-background-header;\n\n @media (prefers-color-scheme: light) {\n background: $light-background-header;\n }\n \n [data-theme=dark] & {\n background: $dark-background-header;\n }\n \n [data-theme=light] & {\n background: $light-background-header;\n }\n }\n\n .dropdown-content a {\n padding: 12px 20px;\n text-decoration: none;\n display: block;\n text-align: left;\n }\n\n .dropdown-content a:hover {\n background: $dark-background-header;\n \n @media (prefers-color-scheme: light) {\n background: $light-background-header;\n }\n\n [data-theme=dark] & {\n background: $dark-background-header;\n }\n \n [data-theme=light] & {\n background: $light-background-header;\n }\n }\n\n .dropdown:hover .dropdown-content {\n display: block;\n }\n}",
"html {\n box-sizing: border-box;\n line-height: 1.6;\n letter-spacing: 0.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\",\n \"Segoe UI\", Helvetica, Arial, sans-serif;\n font-display: auto;\n font-size: 1rem;\n line-height: 1.54;\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 // Default\n background-color: $light-background;\n color: $light-color;\n\n @media #{$media-size-phone} {\n font-size: 1rem;\n }\n\n @media (prefers-color-scheme: dark) {\n background-color: $dark-background;\n color: $dark-color;\n }\n\n @media (prefers-color-scheme: light) {\n background-color: $light-background;\n color: $light-color;\n }\n\n [data-theme=dark] & {\n background-color: $dark-background;\n color: $dark-color;\n }\n\n [data-theme=light] & {\n background-color: $light-background;\n color: $light-color;\n }\n}\n\nh2,\nh3,\nh4,\nh5,\nh6 {\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 margin-top: 2.5em;\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: 0.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\nem, i, strong {\n // Default\n color: black;\n\n @media (prefers-color-scheme: dark) {\n color: white;\n }\n\n @media (prefers-color-scheme: light) {\n color: black;\n }\n\n [data-theme=dark] & {\n color: white;\n }\n\n [data-theme=light] & {\n color: black;\n }\n}\n\ncode {\n font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;\n font-display: auto;\n font-feature-settings: normal;\n padding: 1px 6px;\n margin: 0 2px;\n border-radius: 5px;\n font-size: 0.95rem;\n // Default\n background: $light-background-secondary;\n\n @media (prefers-color-scheme: dark) {\n background: $dark-background-secondary;\n }\n\n @media (prefers-color-scheme: light) {\n background: $light-background-secondary;\n }\n\n [data-theme=dark] & {\n background: $dark-background-secondary;\n }\n\n [data-theme=light] & {\n background: $light-background-secondary;\n }\n}\n\npre {\n [data-theme=dark] & {\n background-color: $dark-background-secondary;\n }\n\n [data-theme=light] & {\n background-color: $light-background-secondary;\n }\n\n padding: 10px 10px 10px 20px;\n border-radius: 8px;\n font-size: 0.95rem;\n overflow: auto;\n\n @media #{$media-size-phone} {\n white-space: pre-wrap;
".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 // Default\n border-bottom: 1px solid $light-border-color;\n\n @media (prefers-color-scheme: dark) {\n border-bottom: 1px solid $dark-border-color;\n }\n \n @media (prefers-color-scheme: light) {\n border-bottom: 1px solid $light-border-color;\n }\n \n [data-theme=dark] & {\n border-bottom: 1px solid $dark-border-color;\n }\n \n [data-theme=light] & {\n border-bottom: 1px solid $light-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: $max-width;\n max-width: $max-width;\n @media #{$media-size-tablet} {\n margin: 20px 0;\n width: 100%;\n }\n }\n\n &-excerpt {\n color: grey;\n font-style: italic;\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 &-audio {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-top: 20px;\n\n audio {\n width: 90%;\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 font-size: 0.8rem;\n text-transform: uppercase;\n text-decoration: none;\n letter-spacing: 0.1em;\n z-index: 1;\n // Default\n background: $light-background;\n color: $light-color-secondary;\n\n @media (prefers-color-scheme: dark) {\n background: $dark-background;\n color: $dark-color-secondary;\n }\n \n @media (prefers-color-scheme: light) {\n background: $light-background;\n color: $light-color-secondary;\n }\n \n [data-theme=dark] & {\n background: $dark-background;\n color: $dark-color-secondary;\n }\n \n [data-theme=light] & {\n background: $light-background;\n color: $light-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 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 // Default\n background: $light-background-secondary;\n\n @media (prefers-color-scheme: dark) {\n background: $dark-background-secondary;\n }\n\n @media (prefers-color-scheme: light) {\n background: $light-background-secondary;\n }\n\n [data-theme=dark] & {\n background: $dark-background-secondary;\n }\n\n [data-theme=light] & {\n background: $light-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 0px;\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}",
".post-content {\n table {\n border-collapse: collapse;\n margin: 25px auto;\n font-size: 0.9em;\n min-width: 400px;\n max-width: 100%;\n\n th,\n td {\n padding: 12px 15px;\n // Default\n border: 1px solid $light-table-color;\n \n @media (prefers-color-scheme: dark) {\n border: 1px solid $dark-table-color;\n }\n \n @media (prefers-color-scheme: light) {\n border: 1px solid $light-table-color;\n }\n \n [data-theme=dark] & {\n border: 1px solid $dark-table-color;\n }\n \n [data-theme=light] & {\n border: 1px solid $light-table-color;\n }\n }\n\n thead {\n tr {\n text-align: left;\n // Default\n background-color: $light-table-color;\n color: $light-color;\n\n @media (prefers-color-scheme: dark) {\n background-color: $dark-table-color;\n color: $dark-color;\n }\n \n @media (prefers-color-scheme: light) {\n background-color: $light-table-color;\n color: $light-color;\n }\n \n [data-theme=dark] & {\n background-color: $dark-table-color;\n color: $dark-color;\n }\n \n [data-theme=light] & {\n background-color: $light-table-color;\n color: $light-color;\n }\n }\n }\n\n tbody {\n tr {\n // Default\n border: 1px solid $light-table-color;\n \n @media (prefers-color-scheme: dark) {\n border: 1px solid $dark-table-color;\n }\n \n @media (prefers-color-scheme: light) {\n border: 1px solid $light-table-color;\n }\n \n [data-theme=dark] & {\n border: 1px solid $dark-table-color;\n }\n \n [data-theme=light] & {\n border: 1px solid $light-table-color;\n }\n }\n }\n }\n}\n",
".btn-404 svg {\n vertical-align: middle;\n display: inline-block;\n margin-right: 5px;\n}\n\n.btn-404 a {\n margin: 0 10px;\n}\n"
],
"names": [],
"mappings": "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
}