diff options
author | Valentin Popov <valentin@popov.link> | 2024-09-05 00:16:37 +0300 |
---|---|---|
committer | Valentin Popov <valentin@popov.link> | 2024-09-05 00:16:37 +0300 |
commit | 7eff3fde5720eb23449e2f8c8ea0b8218efe4dde (patch) | |
tree | fbaedd693902c1a6d56a005b28b189ef76fe23f4 /_scss/_framework.scss | |
parent | ecf9a15e77509d344ab4ee02ae0dbf8a116021f1 (diff) | |
download | popov.link-7eff3fde5720eb23449e2f8c8ea0b8218efe4dde.tar.xz popov.link-7eff3fde5720eb23449e2f8c8ea0b8218efe4dde.zip |
Initial Astro project
Diffstat (limited to '_scss/_framework.scss')
-rw-r--r-- | _scss/_framework.scss | 242 |
1 files changed, 0 insertions, 242 deletions
diff --git a/_scss/_framework.scss b/_scss/_framework.scss deleted file mode 100644 index 0a0d84a..0000000 --- a/_scss/_framework.scss +++ /dev/null @@ -1,242 +0,0 @@ -*, -*::after, -*::before { - box-sizing: border-box; - text-size-adjust: 100%; -} - -html { - font-family: $font-family-base; - font-size: 62.5%; - min-height: 100%; - overflow-y: scroll; -} - -body { - background-color: $color-bg; - color: $color-text; - font-size: $font-size-base; - font-synthesis: weight style small-caps; - font-weight: 400; - line-height: 1.5; - margin: auto; - max-width: 52em; - min-height: 100vh; - padding: 6em 4em 4em; - text-rendering: optimizelegibility; -} - -@media (width <=684px) { - body { - font-size: $font-size-base * 0.85; - padding: 4em 1em 2em; - } -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-weight: 700; - line-height: 1.1; - margin-bottom: 1.5rem; - margin-top: 3rem; - overflow-wrap: break-word; - word-break: break-word; - word-wrap: break-word; -} - -h1 { - font-size: 2.35em; -} - -h2 { - font-size: 2em; -} - -h3 { - font-size: 1.75em; -} - -h4 { - font-size: 1.5em; -} - -h5 { - font-size: 1.25em; -} - -h6 { - font-size: 1em; -} - -p { - margin-bottom: 2.5rem; - margin-top: 0; -} - -small, -sub, -sup { - font-size: 75%; -} - -hr { - border-color: $color-blossom; -} - -a { - color: $color-blossom; - text-decoration: inherit; - transition: color 0.25s; - - &:visited { - color: $color-blossom; - } - - &:active, - &:focus, - &:hover { - opacity: .5; - } -} - -ul { - margin-bottom: 2.5rem; - margin-top: 0; - padding-left: 1.4em; -} - -li { - margin-bottom: 0.4em; -} - -blockquote { - background-color: $color-bg-alt; - border-left: 5px solid $color-blossom; - margin-bottom: 2.5rem; - margin-left: 0; - margin-right: 0; - padding: 0.8em 0.8em 0.8em 1em; -} - -blockquote p { - margin-bottom: 0; -} - -img, -video { - display: block; - height: auto; - margin-bottom: 2.5rem; - margin-top: 0; - max-width: 100%; -} - -pre { - background-color: $color-bg-alt; - border-radius: 4px; - border: 1px solid $color-bg-alt; - display: block; - font-size: 0.9em; - margin-bottom: 2.5rem; - margin-top: 0; - overflow-x: auto; - padding: 1em; -} - -code, -kbd, -samp { - background-color: $color-bg-code; - border-radius: 4px; - font-size: 0.9em; - padding: 0 0.2em; - white-space: pre-wrap; -} - -pre>code { - background-color: transparent; - font-size: 1em; - padding: 0; - white-space: pre; -} - -table { - border-collapse: collapse; - text-align: justify; - width: 100%; -} - -td, -th { - border-bottom: 1px dashed $color-blossom; - padding: 0.5em; -} - -textarea { - width: 100%; -} - -.button, -button, -input[type="submit"], -input[type="reset"], -input[type="button"] { - background-color: $color-blossom; - border: 1px solid $color-blossom; - border-radius: 1px; - box-sizing: border-box; - color: $color-bg; - cursor: pointer; - display: inline-block; - padding: 5px 10px; - text-align: center; - text-decoration: none; - white-space: nowrap; - - &[disabled] { - cursor: default; - opacity: 0.5; - } - - &:focus:enabled, - &:hover:enabled { - background-color: $color-fade; - border-color: $color-fade; - color: $color-bg; - outline: 0; - } -} - -textarea, -select, -input { - background-color: $color-bg-alt; - border: 1px solid $color-bg-alt; - border-radius: 4px; - box-shadow: none; - box-sizing: border-box; - color: $color-text; - margin-bottom: 10px; - padding: 6px 10px; - - &:focus { - border: 1px solid $color-blossom; - outline: 0; - } -} - -input[type="checkbox"]:focus { - outline: 1px dotted $color-blossom; -} - -label, -legend, -fieldset { - display: block; - font-weight: 600; - margin-bottom: 0.5rem; -}
\ No newline at end of file |