aboutsummaryrefslogtreecommitdiff
path: root/resources/_gen/assets/sass/styles.scss_f3a5364e991a57c56f5dcd8d7251924a.content
diff options
context:
space:
mode:
authorAlexander Neonxp Kiryukhin <i@neonxp.ru>2024-11-10 00:04:43 +0300
committerAlexander Neonxp Kiryukhin <i@neonxp.ru>2024-11-10 00:04:43 +0300
commit8e79098193fd0a8b65305dd8054cf7c424c60bc5 (patch)
treeaa894af1e2463e4919885a5bca700ab742012b4c /resources/_gen/assets/sass/styles.scss_f3a5364e991a57c56f5dcd8d7251924a.content
parent59c7d4567380d1a9c80e96eb958fdbdd512ce006 (diff)
новая жизнь блога 2
Diffstat (limited to 'resources/_gen/assets/sass/styles.scss_f3a5364e991a57c56f5dcd8d7251924a.content')
-rw-r--r--resources/_gen/assets/sass/styles.scss_f3a5364e991a57c56f5dcd8d7251924a.content1146
1 files changed, 0 insertions, 1146 deletions
diff --git a/resources/_gen/assets/sass/styles.scss_f3a5364e991a57c56f5dcd8d7251924a.content b/resources/_gen/assets/sass/styles.scss_f3a5364e991a57c56f5dcd8d7251924a.content
deleted file mode 100644
index 8ba08c3..0000000
--- a/resources/_gen/assets/sass/styles.scss_f3a5364e991a57c56f5dcd8d7251924a.content
+++ /dev/null
@@ -1,1146 +0,0 @@
-:root {
- --color-brand: #333333;
- --color-brand-alt: #999999;
- --color-brand-light: #cccccc;
- --color-brand-dark: #666666;
- --color-text: #000;
- --color-text-bg: #fff;
- --color-text-meta: #666666;
- --color-link: #333333;
- --color-link-visited: #333333;
- --color-link-hover: #999999;
- --color-link-active: #c00;
- --color-link-inverted: #fff;
- --color-link-visited-inverted: #fff;
- --color-link-hover-inverted: #fff;
- --color-link-active-inverted: #c00;
- --color-border: #333333;
- --color-border-light: #cccccc;
- --color-border-dark: #666666;
- --color-autocomplete: #000;
- --color-autocomplete-bg: #fff;
- --color-autocomplete-select: #fff;
- --color-autocomplete-select-bg: #0072b9;
- --color-body-bg: #fff;
- --color-header-bg: #fff;
- --color-footer-bg: #fff;
- --color-backdrop: #eeeeee;
- --color-mobile-menu: #333333;
- --color-mobile-menu-cover: rgba(0, 0, 0, 0.2);
- --color-button: #333333;
- --color-button-hover: #999999;
- --color-button-text: #fff;
- --color-button-text-hover: #fff;
- --color-button-disabled: #999999;
- --color-mark-highlight: #c00;
- --color-mark-bg: #fd0;
- --color-menu-active: #000;
- --color-preview-bg: #fffadb;
- --color-row-header: transparent;
- --color-row-odd: #f7f7f7;
- --color-row-even: transparent;
- --color-status: #43a808;
- --color-status-bg: #f4feee;
- --color-warning: #000;
- --color-warning-bg: #fffce6;
- --color-warning-border: #fd0;
- --color-error: #c00;
- --color-error-bg: #fff0f0;
- --color-watermark: #eeeeee;
- --color-headings: #333333;
- --color-code: #333333;
- --color-highlight: #999999;
- --fs-xxxxl: 3rem;
- --fs-xxxl: 2.5rem;
- --fs-xxl: 2rem;
- --fs-xl: 1.5rem;
- --fs-l: 1.25rem;
- --fs-m: 1rem;
- --fs-s: 0.889rem;
- --fs-xs: 0.778rem;
- --fw-headings: 700;
- --fw-bolder: 900;
- --fw-bold: 700;
- --fw-medium: 500;
- --fw-normal: 400;
- --fw-light: 300;
- --fw-lighter: 200;
- --ff-body: ui-serif, Charter, Bitstream Charter, Sitka Text, Cambria, serif;
- --ff-headings: ui-sans-serif, system-ui, sans-serif;
- --ff-alt: system-ui, sans-serif;
- --ff-monospace: ui-monospace, Cascadia Code, Source Code Pro, Menlo, Consolas, DejaVu Sans Mono, monospace;
- --radius-xl: 1rem;
- --radius-l: 0.75rem;
- --radius-m: 0.5rem;
- --radius-s: 0.3rem;
- --radius-xs: 0.125rem;
- --breakout: calc(5px + 1.5625vw);
- --gutters-reverse: calc(0px - (5px + 1.5625vw));
- --gutters: calc(5px + 1.5625vw);
- --heading-line-height: 1.3;
- --indent-amount: 2rem;
- --max-content-width: 1111px;
- --max-line-width: 70ch;
- --max-page-width: 1111px; }
-
-html {
- -webkit-text-size-adjust: none;
- text-size-adjust: none;
- min-height: 100%;
- box-sizing: border-box;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale; }
-
-*,
-*::before,
-*::after {
- box-sizing: inherit; }
-
-body {
- margin: 0;
- padding: 0; }
-
-img,
-svg,
-picture,
-audio,
-video,
-canvas,
-iframe,
-embed,
-object {
- display: block; }
-
-img,
-svg,
-video {
- max-width: 100%;
- height: auto; }
-
-figure {
- margin-inline: 0; }
-
-input,
-button,
-textarea,
-select {
- font: inherit;
- letter-spacing: inherit;
- word-spacing: inherit; }
-
-@media (min-width: 666px) {
- [type='search'] {
- -webkit-appearance: textfield; } }
-
-code,
-kbd,
-samp {
- font-family: var(--ff-monospace); }
-
-html {
- font-family: var(--ff-body);
- font-size: calc(18 / 16 * 100%);
- line-height: 1.5;
- color: var(--color-text); }
-
-form {
- margin-block: 0 1.5rem; }
-
-input,
-textarea,
-select {
- margin-block: 0 1.5rem; }
-
-label {
- display: block;
- font-weight: var(--fw-bold); }
- label:has(+ :required)::after {
- content: '*';
- color: var(--color-mark-highlight); }
-
-input,
-label,
-textarea,
-select {
- max-width: var(--max-line-width); }
-
-fieldset {
- border: 1px solid var(--color-border); }
-
-input {
- width: Min(20em, 100%); }
-
-[type='text'],
-textarea {
- width: Min(30em, 100%); }
-
-input:not(:only-of-type) + [type='submit'],
-textarea + [type='submit'] {
- display: block; }
-
-@media (min-width: 666px) {
- input:only-of-type:has(+ [type='submit']) {
- margin-right: .5rem; } }
-
-blockquote {
- margin-block: 0 1.5rem;
- margin-inline: var(--indent-amount); }
-
-dl,
-ol,
-ul,
-menu {
- margin-block: 0 1.5rem; }
-
-dd {
- margin: 0;
- margin-inline-start: var(--indent-amount); }
-
-ol,
-ul,
-menu {
- padding: 0;
- padding-inline-start: var(--indent-amount); }
- ol ol,
- ol ul,
- ol menu,
- ul ol,
- ul ul,
- ul menu,
- menu ol,
- menu ul,
- menu menu {
- margin: 0; }
-
-.main li {
- max-width: var(--max-line-width); }
-
-header {
- margin-block: 0 0.495rem; }
-
-hr {
- height: 0; }
-
-p {
- margin-block: 0 1.5rem;
- text-wrap: pretty; }
- .main p {
- max-width: var(--max-line-width); }
-
-pre {
- margin-block: 0 1.5rem;
- font-family: var(--ff-monospace); }
-
-code:not([data-lang]),
-kbd,
-samp {
- color: var(--color-code); }
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- margin-block: 1.5em 0.495em;
- color: var(--color-headings);
- font-family: var(--ff-headings);
- font-weight: var(--fw-headings);
- line-height: var(--heading-line-height);
- text-wrap: balance; }
- h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6,
- h2 + h1,
- h2 + h2,
- h2 + h3,
- h2 + h4,
- h2 + h5,
- h2 + h6,
- h3 + h1,
- h3 + h2,
- h3 + h3,
- h3 + h4,
- h3 + h5,
- h3 + h6,
- h4 + h1,
- h4 + h2,
- h4 + h3,
- h4 + h4,
- h4 + h5,
- h4 + h6,
- h5 + h1,
- h5 + h2,
- h5 + h3,
- h5 + h4,
- h5 + h5,
- h5 + h6,
- h6 + h1,
- h6 + h2,
- h6 + h3,
- h6 + h4,
- h6 + h5,
- h6 + h6 {
- margin-block-start: 0.75em; }
- .main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {
- max-width: var(--max-line-width); }
-
-h1 {
- margin-block: 1.5rem 0.75rem;
- font-size: var(--fs-xxl);
- letter-spacing: -.01em; }
-
-h2 {
- font-size: var(--fs-xl);
- letter-spacing: -.01em; }
-
-h3 {
- font-size: var(--fs-l);
- letter-spacing: -.01em; }
-
-h4 {
- font-size: var(--fs-m); }
-
-h5 {
- font-size: var(--fs-s); }
-
-h6 {
- font-size: var(--fs-xs); }
-
-figure.image,
-img.image {
- --image-padding: .75rem; }
- @media (min-width: 666px) {
- figure.image.center,
- img.image.center {
- margin-inline: auto; }
- figure.image.left,
- img.image.left {
- padding-inline-end: var(--image-padding);
- padding-block-end: var(--image-padding);
- margin: 0;
- float: left;
- clear: both; }
- figure.image.right,
- img.image.right {
- padding-inline-start: var(--image-padding);
- padding-block-end: var(--image-padding);
- margin: 0;
- float: right;
- clear: both; } }
-figure {
- margin-block: 0 1.5rem; }
- figure.image figcaption {
- padding-block-start: var(--image-padding); }
- @media (min-width: 666px) {
- figure.image figcaption {
- display: table-caption;
- caption-side: bottom;
- padding-block-start: 0; } }
- figure.image figcaption p {
- margin: 0; }
- @media (min-width: 666px) {
- figure.image {
- display: table; }
- figure.image.left figcaption {
- padding-inline-end: var(--image-padding);
- padding-block-end: var(--image-padding); }
- figure.image.right figcaption {
- padding-inline-start: var(--image-padding);
- padding-block-end: var(--image-padding); } }
- figure.podcast audio {
- width: 95%; }
-
-img.image {
- margin-block: 0 1.5rem; }
-
-a {
- color: var(--color-link); }
-
-:visited {
- color: var(--color-link-visited); }
-
-a:hover,
-a:focus {
- color: var(--color-link-hover); }
-
-a:active {
- color: var(--color-link-active); }
-
-[aria-current] {
- text-decoration: none; }
-
-@media (prefers-reduced-motion: no-preference) {
- :has(:target) {
- scroll-behavior: smooth;
- scroll-padding-block-start: var(--gutters); } }
-
-.link-nav a,
-.pagination a,
-.pager a {
- text-decoration: none; }
- .link-nav a:hover, .link-nav a:focus,
- .pagination a:hover,
- .pager a:hover,
- .pagination a:focus,
- .pager a:focus {
- text-decoration: underline; }
-
-.link-inverted a,
-.card--inverted a,
-.box--inverted a {
- color: var(--color-link-inverted); }
- .link-inverted a:visited,
- .card--inverted a:visited,
- .box--inverted a:visited {
- color: var(--color-link-visited-inverted); }
- .link-inverted a:hover, .link-inverted a:focus,
- .card--inverted a:hover,
- .box--inverted a:hover,
- .card--inverted a:focus,
- .box--inverted a:focus {
- color: var(--color-link-hover-inverted); }
- .link-inverted a:active,
- .card--inverted a:active,
- .box--inverted a:active {
- color: var(--color-link-active-inverted); }
-
-table {
- margin-block: 0 1.5rem;
- border-collapse: collapse;
- width: 100%; }
-
-td,
-th {
- padding: 0;
- vertical-align: text-top; }
-
-th {
- vertical-align: bottom; }
-
-caption,
-th {
- text-align: start; }
-
-.layout__page {
- max-width: var(--max-page-width); }
- @media (min-width: 666px) {
- .layout__page {
- margin-inline: auto;
- min-height: 100vh;
- min-height: 100svh; } }
-.layout__header, .layout__footer, .layout__main, .layout__navigation, .layout__first-sidebar, .layout__second-sidebar, .layout__page-top, .layout__page-bottom, .layout__cookieconsent {
- padding-inline: var(--gutters);
- min-width: 0; }
-
-.layout__page {
- display: grid;
- grid-template-areas: 'head' 'nav' 'top' 'main' 'side1' 'side2' 'bottom' 'foot' 'notice';
- grid-template-rows: auto auto auto 1fr auto auto auto auto auto;
- grid-template-columns: 1fr; }
-
-@media (min-width: 999px) {
- .layout__page {
- grid-template-rows: auto auto auto 1fr auto auto auto; }
- .layout__sidebar-first {
- grid-template-areas: 'head head' 'nav nav' 'side1 top' 'side1 main' 'side1 bottom' 'foot foot' 'notice notice';
- grid-template-columns: 1fr 2fr; }
- .layout__sidebar-second {
- grid-template-areas: 'head head' 'nav nav' 'top side2' 'main side2' 'bottom side2' 'foot foot' 'notice notice';
- grid-template-columns: 2fr 1fr; }
- .layout__sidebar-two {
- grid-template-areas: 'head head head' 'nav nav nav' 'side1 top side2' 'side1 main side2' 'side1 bottom side2' 'foot foot foot' 'notice notice notice';
- grid-template-columns: 1fr 2fr 1fr; } }
-
-.layout__header {
- grid-area: head; }
-
-.layout__navigation {
- grid-area: nav; }
-
-.layout__page-top {
- grid-area: top; }
-
-.layout__main {
- grid-area: main; }
-
-.layout__first-sidebar {
- grid-area: side1; }
-
-.layout__second-sidebar {
- grid-area: side2; }
-
-.layout__page-bottom {
- grid-area: bottom; }
-
-.layout__footer {
- grid-area: foot; }
-
-.layout__cookieconsent {
- grid-area: notice; }
-
-.box {
- margin-block: 1.5rem;
- padding: 0.75rem;
- border: 5px solid var(--color-border); }
- .box__title,
- .box .title {
- margin-top: 0; }
- .box--highlight {
- border-color: var(--color-highlight); }
- .box--fit {
- width: fit-content; }
- .box--gutter {
- padding-inline: var(--gutters); }
- .box--inverted {
- background: var(--color-border);
- color: var(--color-text-bg); }
- .box--inverted * {
- color: var(--color-text-bg); }
- .box > *:first-child {
- margin-top: 0; }
- .box > *:last-child {
- margin-bottom: 0; }
-
-.button,
-button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
- display: inline-block;
- font-family: var(--ff-headings);
- text-decoration: none;
- text-align: center;
- width: fit-content;
- margin-right: 1rem;
- margin-bottom: 1rem;
- padding: .2rem 1rem;
- cursor: pointer;
- color: var(--color-button-text);
- background-color: var(--color-button);
- border: 1px solid var(--color-button);
- border-radius: var(--radius-s); }
- .button:hover, .button:focus-visible, .button:active,
- button:hover,
- button:focus-visible,
- button:active,
- [type='button']:hover,
- [type='button']:focus-visible,
- [type='button']:active,
- [type='reset']:hover,
- [type='reset']:focus-visible,
- [type='reset']:active,
- [type='submit']:hover,
- [type='submit']:focus-visible,
- [type='submit']:active {
- text-decoration: none;
- color: var(--color-button-text-hover);
- background-color: var(--color-button-hover); }
-
-.button--small {
- font-size: var(--fs-xs);
- margin-right: .5rem;
- margin-bottom: .5rem;
- padding: .2rem .75rem; }
-
-.button--alt {
- color: var(--color-button-text-hover);
- background-color: var(--color-button-hover); }
- .button--alt:hover, .button--alt:focus-visible, .button--alt:active {
- color: var(--color-button-text);
- background-color: var(--color-button); }
-
-.button--outline {
- color: var(--color-button);
- background-color: var(--color-button-text);
- border-color: var(--color-button); }
- .button--outline:hover, .button--outline:focus-visible, .button--outline:active {
- color: var(--color-button-text);
- background-color: var(--color-button); }
-
-.button--shadow:hover,
-main button:hover {
- box-shadow: 2px 2px 5px 1px var(--color-button-hover); }
-
-.button--shadow:active,
-main button:active {
- box-shadow: inset 2px 2px 5px 1px var(--color-button); }
-
-[disabled].button,
-button[disabled],
-[disabled][type='button'],
-[disabled][type='reset'],
-[disabled][type='submit'] {
- background-color: var(--color-grey-extra-light);
- border: 1px solid var(--color-button-disabled);
- background-image: none;
- text-shadow: none; }
-
-.cards {
- margin-block: 1.5rem; }
-
-.card {
- padding: 0.75rem;
- border: 1px solid var(--color-border); }
- .card--highlight {
- border-color: var(--color-highlight); }
- .card--featured {
- grid-row: span 2;
- grid-column: span 2; }
- .card--gutter {
- padding-inline: var(--gutters); }
- .card--inverted {
- background: var(--color-border);
- color: var(--color-text-bg); }
- .card > *:first-child {
- margin-top: 0; }
- .card > *:last-child {
- margin-bottom: 0; }
-
-.grid-center {
- display: grid;
- place-items: center; }
-
-.text-center {
- text-align: center; }
-
-.margin-center {
- margin-inline: auto; }
-
-.clearfix::before {
- content: '';
- display: table; }
-
-.clearfix::after {
- content: '';
- display: table;
- clear: both; }
-
-.cookieconsent {
- display: flex;
- flex-flow: wrap;
- justify-content: center;
- gap: .5rem;
- position: sticky;
- bottom: 0;
- width: 100%;
- padding-block-start: .5rem;
- color: var(--color-warning);
- background-color: var(--color-warning-bg);
- border-top: 4px solid var(--color-warning-border);
- font-size: var(--fs-s);
- transform: translateY(100vh);
- transition: all 130ms ease-out;
- z-index: 99; }
-
-.button--accept {
- border-color: var(--color-status); }
-
-.button--decline {
- border-color: var(--color-warning-border); }
-
-.js-cookieconsent-open {
- transform: translateY(0); }
-
-.divider,
-hr {
- margin-block: 1.5rem;
- border: 0;
- border-top: 1px solid var(--color-border); }
- .divider > :first-child,
- hr > :first-child {
- margin-top: 1.5rem; }
-
-.disabled,
-.pagination .disabled .page-link,
-.pager .disabled .page-link,
-[disabled].button,
-button[disabled],
-[disabled][type='button'],
-[disabled][type='reset'],
-[disabled][type='submit'] {
- cursor: default;
- color: var(--color-button-disabled); }
- .disabled:hover, .disabled:focus, .disabled:active,
- .pagination .disabled .page-link:hover,
- .pager .disabled .page-link:hover,
- [disabled].button:hover,
- button[disabled]:hover,
- [disabled][type='button']:hover,
- [disabled][type='reset']:hover,
- [disabled][type='submit']:hover,
- .pagination .disabled .page-link:focus,
- .pager .disabled .page-link:focus,
- [disabled].button:focus,
- button[disabled]:focus,
- [disabled][type='button']:focus,
- [disabled][type='reset']:focus,
- [disabled][type='submit']:focus,
- .pagination .disabled .page-link:active,
- .pager .disabled .page-link:active,
- [disabled].button:active,
- button[disabled]:active,
- [disabled][type='button']:active,
- [disabled][type='reset']:active,
- [disabled][type='submit']:active {
- color: var(--color-button-disabled);
- text-decoration: none; }
-
-.flex-group {
- gap: 1.5rem;
- display: flex;
- flex-wrap: wrap; }
- .flex-group > * {
- flex: 1;
- flex-basis: 100%;
- flex-grow: 0; }
- .flex-group--grow {
- flex-grow: 1; }
- @media (min-width: 666px) {
- .flex-group--2 > * {
- flex-basis: calc(100% / 2 - 1.5rem); }
- .flex-group--3 > * {
- flex-basis: calc(100% / 3 - 1.5rem); }
- .flex-group--4 > * {
- flex-basis: calc(100% / 4 - 1.5rem); }
- .flex-group--5 > * {
- flex-basis: calc(100% / 5 - 1.5rem); }
- .flex-group--6 > * {
- flex-basis: calc(100% / 6 - 1.5rem); } }
-.flex-inline,
-.pagination,
-.pager,
-.navbar,
-.tags ul {
- --gap: .5rem;
- display: flex;
- flex-wrap: wrap;
- gap: var(--gap);
- padding: 0;
- text-align: start; }
- .flex-inline__item,
- .flex-inline li,
- .pagination li,
- .pager li,
- .navbar li,
- .tags ul li {
- list-style: none; }
- .flex-inline--inline,
- .tags ul {
- display: inline-flex; }
-
-.footer {
- padding-block: var(--gutters);
- background-color: var(--color-footer-bg);
- text-align: center; }
- .footer p {
- margin: 0; }
-
-.grid-group,
-.cards {
- --column-min: 200px;
- --gap: 1.5rem;
- display: grid;
- gap: var(--gap);
- grid-template-columns: repeat(auto-fit, minmax(Min(var(--column-min), 100%), 1fr)); }
- .grid-group--fill {
- grid-template-columns: repeat(auto-fill, minmax(Min(var(--column-min), 100%), 1fr)); }
- .grid-group--100 {
- --column-min: 100px; }
- .grid-group--150 {
- --column-min: 150px; }
- .grid-group--200 {
- --column-min: 200px; }
- .grid-group--250 {
- --column-min: 250px; }
- .grid-group--300 {
- --column-min: 300px; }
- .grid-group--350 {
- --column-min: 350px; }
- .grid-group--400 {
- --column-min: 400px; }
- .grid-group--500 {
- --column-min: 500px; }
- .grid-group--600 {
- --column-min: 600px; }
-
-.grid-stack {
- display: grid; }
- .grid-stack > * {
- grid-column: 1 / 2;
- grid-row: 1 / 2; }
-
-.header {
- padding-block: var(--gutters);
- display: flex;
- flex-direction: column;
- gap: var(--gutters);
- background-color: var(--color-header-bg); }
- @media (min-width: 666px) {
- .header {
- flex-direction: row; } }
- .header__logo {
- width: fit-content; }
- .header__logo-image {
- vertical-align: bottom; }
- .header__site-name {
- margin: 0;
- line-height: 1; }
- .header__site-link:link, .header__site-link:visited {
- color: var(--color-text);
- text-decoration: none; }
- .header__site-link:hover, .header__site-link:focus {
- text-decoration: underline; }
- @media (min-width: 666px) {
- .header__region {
- margin-inline-start: auto; } }
-.hidden,
-html.nojs .nojs-hidden,
-html.js .js-hidden {
- display: none; }
-
-.icon-inline .icon-link {
- opacity: 0;
- transition: all 130ms ease-in;
- text-decoration: none; }
-
-.icon-inline:focus-visible .icon-link, .icon-inline:hover .icon-link {
- opacity: .3; }
- .icon-inline:focus-visible .icon-link:focus-visible, .icon-inline:focus-visible .icon-link:hover, .icon-inline:hover .icon-link:focus-visible, .icon-inline:hover .icon-link:hover {
- opacity: 1; }
-
-.icon-inline svg {
- display: inline;
- vertical-align: middle; }
-
-.language-selector {
- display: flex; }
-
-.language-icon {
- margin-inline-end: 0.75rem;
- fill: var(--color-text); }
-
-.ul-straight-left,
-article > ul,
-aside > ul {
- display: table;
- list-style: none;
- padding: 0; }
- .ul-straight-left > li,
- article > ul > li,
- aside > ul > li {
- display: table-row; }
- .ul-straight-left > li::before,
- article > ul > li::before,
- aside > ul > li::before {
- padding-inline-end: 0.75rem;
- display: table-cell;
- content: '\2981';
- font-size: var(--fs-s); }
-
-.ol-straight-left,
-article > ol,
-aside > ol {
- display: table;
- list-style: none;
- padding: 0; }
- .ol-straight-left > li,
- article > ol > li,
- aside > ol > li {
- display: table-row;
- counter-increment: table-ol; }
- .ol-straight-left > li::before,
- article > ol > li::before,
- aside > ol > li::before {
- padding-inline-end: 0.75rem;
- display: table-cell;
- content: counter(table-ol) ".";
- font-size: var(--fs-s);
- text-align: end; }
-
-.ul-straight-left--off {
- display: block;
- list-style: inherit; }
- .ul-straight-left--off > li {
- display: list-item; }
- .ul-straight-left--off > li::before {
- content: '';
- display: inline;
- padding: inherit; }
-
-.message {
- padding: .5rem;
- outline-width: 2px;
- outline-style: solid;
- width: 95%; }
- .message.status {
- background-color: var(--color-status-bg);
- color: var(--color-status);
- outline-color: var(--color-status); }
- .message.warning {
- background-color: var(--color-warning-bg);
- color: var(--color-warning);
- outline-color: var(--color-warning-border); }
- .message.error {
- background-color: var(--color-error-bg);
- color: var(--color-error);
- outline-color: var(--color-error); }
- .message--highlight {
- animation: 2s linear infinite outline-highlight; }
-
-@keyframes outline-highlight {
- 50% {
- outline-width: .3rem; } }
-
-.meta {
- font-family: var(--ff-headings);
- font-size: var(--fs-xs);
- color: var(--color-text-meta); }
-
-.responsive-video {
- --aspect-ratio: 9 / 16;
- position: relative;
- padding-bottom: calc(var(--aspect-ratio) * 100%);
- padding-top: 25px;
- height: 0; }
- .responsive-video__embed,
- .responsive-video iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%; }
- .responsive-video--4-3 {
- --aspect-ratio: 3 / 4; }
-
-.mt--xxl {
- margin-block-start: 4.5rem; }
-
-.mb--xxl {
- margin-block-end: 4.5rem; }
-
-.mtb--xxl {
- margin-block: 4.5rem; }
-
-.mt--xl {
- margin-block-start: 3rem; }
-
-.mb--xl {
- margin-block-end: 3rem; }
-
-.mtb--xl {
- margin-block: 3rem; }
-
-.mt--l {
- margin-block-start: 2.25rem; }
-
-.mb--l {
- margin-block-end: 2.25rem; }
-
-.mtb--l {
- margin-block: 2.25rem; }
-
-.mt--m {
- margin-block-start: 1.5rem; }
-
-.mb--m {
- margin-block-end: 1.5rem; }
-
-.mtb--m {
- margin-block: 1.5rem; }
-
-.mt--s {
- margin-block-start: 1.125rem; }
-
-.mb--s {
- margin-block-end: 1.125rem; }
-
-.mtb--s {
- margin-block: 1.125rem; }
-
-.mt--xs {
- margin-block-start: 0.75rem; }
-
-.mb--xs {
- margin-block-end: 0.75rem; }
-
-.mtb--xs {
- margin-block: 0.75rem; }
-
-.mt--xxs {
- margin-block-start: 0.45rem; }
-
-.mb--xxs {
- margin-block-end: 0.45rem; }
-
-.mtb--xxs {
- margin-block: 0.45rem; }
-
-.mt--0 {
- margin-block-start: 0; }
-
-.mb--0 {
- margin-block-end: 0; }
-
-.mtb--0 {
- margin-block: 0; }
-
-.zebra-table {
- --cell-padding: .5rem; }
- @media (max-width: 666px) {
- .zebra-table {
- --cell-padding: .3rem; } }
- .zebra-table th,
- .zebra-table td {
- padding: var(--cell-padding); }
- .zebra-table thead tr {
- background-color: var(--color-row-header); }
- .zebra-table tbody tr:nth-child(odd) {
- background-color: var(--color-row-odd); }
- .zebra-table tbody tr:nth-child(even) {
- background-color: var(--color-row-even); }
-
-.responsive-table {
- --gap: .5rem; }
- @media (max-width: 666px) {
- .responsive-table th {
- display: none; }
- .responsive-table td {
- display: grid;
- gap: var(--gap);
- grid-template-columns: 12ch auto; }
- .responsive-table td::before {
- content: attr(aria-label) ":";
- font-weight: var(--fw-bold); }
- .responsive-table td:first-of-type {
- padding-block-start: var(--gap); }
- .responsive-table td:last-of-type {
- padding-block-end: var(--gap); } }
-.tags ul {
- margin-block: 0; }
-
-.visually-hidden:not(:focus, :active) {
- position: absolute;
- clip: rect(0 0 0 0);
- clip-path: inset(50%);
- height: 1px;
- width: 1px;
- overflow: hidden;
- white-space: nowrap; }
-
-.navbar {
- margin-block: 0; }
-
-.pagination,
-.pager {
- margin-block: 1.5rem;
- justify-content: center; }
- .pagination__item,
- .pagination .page-link,
- .pager__item,
- .pager .page-link {
- padding-inline: 2px; }
- .pagination .active,
- .pager .active {
- font-weight: var(--fw-bold); }
-
-body {
- background-color: var(--color-backdrop); }
-
-.page {
- background-color: var(--color-body-bg); }
-
-.footer {
- border-top: 2px solid var(--color-border); }
-
-th,
-label,
-legend,
-figcaption {
- font-size: var(--fs-s); }
-
-.language-selector,
-.footer {
- font-size: var(--fs-xs); }
-
-th,
-label,
-legend,
-.main-menu,
-.header,
-.footer {
- color: var(--color-headings);
- font-family: var(--ff-headings); }
-
-th,
-label {
- font-weight: var(--fw-headings); }
-
-@media (min-width: 666px) {
- article .submitted,
- article .tags {
- display: inline-block;
- padding-inline-end: 1rem; } }
-
-article code {
- font-size: var(--fs-xs);
- overflow-wrap: break-word; }
-
-article pre {
- border-radius: var(--radius-xs);
- padding: 5px;
- border: 1px solid var(--color-border-light);
- background-color: var(--color-text-bg);
- overflow: auto;
- max-height: 300px;
- max-width: 90vw; }
- article pre.chroma {
- max-height: initial;
- overflow-x: scroll; }
- article pre > code {
- display: inline-block;
- white-space: pre; }
-
-.content-dates {
- text-align: end; }
-
-.main-menu {
- margin-top: .75rem;
- outline: 0; }
- .main-menu li {
- margin-bottom: .75rem;
- padding: 0; }
- .main-menu a {
- display: block;
- background-color: var(--color-button);
- color: var(--color-text-bg);
- padding: 2px 8px;
- text-decoration: none; }
- .main-menu a:hover, .main-menu a:focus {
- background-color: var(--color-button-hover); }
- .main-menu a:active, .main-menu a[aria-current] {
- background-color: var(--color-button);
- text-decoration: underline; }
-
-.search-text {
- font-size: var(--fs-l); }
-
-main input:not(:placeholder-shown):valid,
-main textarea:not(:placeholder-shown):valid {
- background-color: var(--color-status-bg); }
-
-main input:not(:placeholder-shown):invalid,
-main textarea:not(:placeholder-shown):invalid {
- background-color: var(--color-error-bg); }
-
-main input:focus:invalid,
-main textarea:focus:invalid {
- background-color: var(--color-warning-bg); }
-
-.js-submitted input:valid,
-.js-submitted textarea:valid {
- background-color: var(--color-status-bg); }
-
-.js-submitted input:invalid,
-.js-submitted textarea:invalid {
- background-color: var(--color-error-bg); }
-
-/*# sourceMappingURL=styles.css.map */ \ No newline at end of file