From 517fc58cf46595990fd5af64a1bd647ee5ac3c08 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 27 Dec 2020 22:03:42 +0100 Subject: Added stylelint, generate some metadata automatically --- assets/css/_basics.scss | 170 ++++++++++++++++++++++++------------------------ 1 file changed, 85 insertions(+), 85 deletions(-) (limited to 'assets/css/_basics.scss') diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 9505cdd..560ec94 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss @@ -1,161 +1,161 @@ @font-face { - font-family: "Iosevka Term SS09"; - font-style: normal; - font-weight: normal; - src: url("/iosevka-term-ss09-regular.woff2") format("woff2"); + font-family: 'Iosevka Term SS09'; + font-style: normal; + font-weight: normal; + src: url('/iosevka-term-ss09-regular.woff2') format('woff2'); } @font-face { - font-family: "Iosevka Term SS09"; - font-style: normal; - font-weight: bold; - src: url("/iosevka-term-ss09-bold.woff2") format("woff2"); + font-family: 'Iosevka Term SS09'; + font-style: normal; + font-weight: bold; + src: url('/iosevka-term-ss09-bold.woff2') format('woff2'); } ::selection { - color: var(--select--fg); - background-color: var(--select--bg); + background-color: var(--select--bg); + color: var(--select--fg); } html, pre, code { - font-family: "Iosevka Term SS09", "Lucida Console", "Courier New", Courier, - monospace; - font-feature-settings: "calt" 0, "dlig" 1; + font-family: 'Iosevka Term SS09', 'Lucida Console', 'Courier New', Courier, + monospace; + font-feature-settings: 'calt' 0, 'dlig' 1; } html { - font-size: px-to-em($font-size, 16px); - line-height: $line-height; - background-color: var(--bg); - color: var(--fg); + background-color: var(--bg); + color: var(--fg); + font-size: px-to-em($font-size, 16px); + line-height: $line-height; } body { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } code { - color: var(--code--fg); + color: var(--code--fg); } pre { - margin: 0; - color: var(--code-block--fg); - font-size: $code-block--font-size; - line-height: $code-block--line-height; - text-overflow: ""; - overflow: hidden; - - strong { - font-weight: normal; - } + margin: 0; + overflow: hidden; + color: var(--code-block--fg); + font-size: $code-block--font-size; + line-height: $code-block--line-height; + text-overflow: ''; + + strong { + font-weight: normal; + } } strong { - color: var(--fg-plus-2); - font-weight: bold; + color: var(--fg-plus-2); + font-weight: bold; } ul, ol { - margin: ($line-height * 1em) 0 0; - padding: 0; - list-style: none; + margin: ($line-height * 1em) 0 0; + padding: 0; + list-style: none; } li { - position: relative; - padding-left: $subcontent--indent; + position: relative; + padding-left: $subcontent--indent; - &::before { - position: absolute; - display: inline-block; - width: $subcontent--indent; - margin-left: -1 * $subcontent--indent; - color: var(--fg-minus); - } + &::before { + display: inline-block; + position: absolute; + width: $subcontent--indent; + margin-left: -1 * $subcontent--indent; + color: var(--fg-minus); + } } ul > li::before { - content: "-"; + content: '-'; } ol { - counter-reset: cnt; + counter-reset: cnt; - > li { - counter-increment: cnt; + > li { + counter-increment: cnt; - &::before { - content: counter(cnt) "."; + &::before { + content: counter(cnt) '.'; + } } - } } h1, h2, h3 { - margin: ($line-height * 2em) 0 0; + margin: ($line-height * 2em) 0 0; - + h1, - + h2, - + h3 { - margin-top: $line-height * 1em; - } + + h1, + + h2, + + h3 { + margin-top: $line-height * 1em; + } } h1 { - text-transform: uppercase; - font-size: 1em; - color: var(--heading--fg); + color: var(--heading--fg); + font-size: 1em; + text-transform: uppercase; } h2 { - font-size: 1em; - color: var(--heading--fg); + color: var(--heading--fg); + font-size: 1em; } h3 { - font-size: 1em; + font-size: 1em; } p { - margin: ($line-height * 1em) 0 0; - hyphens: auto; + margin: ($line-height * 1em) 0 0; + hyphens: auto; } :link, :visited { - position: relative; - z-index: 1000; - padding: 0.2em 0.3em; - margin: 0 -0.3em; - color: var(--link--idle--fg); - - &:hover { - background-color: var(--link--hover--bg); - color: var(--link--hover--fg); - text-decoration: none; - } + position: relative; + z-index: 1; + margin: 0 -.3em; + padding: .2em .3em; + color: var(--link--idle--fg); + + &:hover { + background-color: var(--link--hover--bg); + color: var(--link--hover--fg); + text-decoration: none; + } } :visited { - color: var(--link--visited--fg); + color: var(--link--visited--fg); } hr { - height: 1px; - margin: ($line-height * 2em) 0 ($line-height * 2em); - background-color: var(--bg-plus); - border: 0; + height: 1px; + margin: ($line-height * 2em) 0 ($line-height * 2em); + border: 0; + background-color: var(--bg-plus); } blockquote { - position: relative; - margin: ($line-height * 1em) 0 0; - padding-left: calc(#{$subcontent--indent} - 2px); - border-left: 2px solid var(--bg-plus); + position: relative; + margin: ($line-height * 1em) 0 0; + padding-left: calc(#{$subcontent--indent} - 2px); + border-left: 2px solid var(--bg-plus); } -- cgit v1.2.3-54-g00ecf