diff options
author | Valentin Popov <valentin@popov.link> | 2024-02-14 01:18:06 +0300 |
---|---|---|
committer | Valentin Popov <valentin@popov.link> | 2024-02-14 01:18:06 +0300 |
commit | edaeaf08b8750e8278b18484ff8e0aa180fe3fab (patch) | |
tree | 9a32a03659d396a82c83a1eaca1d19c00a21718d /_scss/sakura | |
parent | 6ff06a6e0eb6824925bb058ef465f2713f0b315b (diff) | |
download | popov.link-edaeaf08b8750e8278b18484ff8e0aa180fe3fab.tar.xz popov.link-edaeaf08b8750e8278b18484ff8e0aa180fe3fab.zip |
Moved actual theme
Diffstat (limited to '_scss/sakura')
-rw-r--r-- | _scss/sakura/_main.scss | 212 |
1 files changed, 0 insertions, 212 deletions
diff --git a/_scss/sakura/_main.scss b/_scss/sakura/_main.scss deleted file mode 100644 index 3f1b756..0000000 --- a/_scss/sakura/_main.scss +++ /dev/null @@ -1,212 +0,0 @@ -html { - font-family: $font-family-sans-serif; - font-size: 62.5%; -} - -body { - background-color: $color-bg; - color: $color-text; - font-size: $font-size-base; - line-height: 1.4em; - margin: auto; - max-width: 64em; - padding: 4em; -} - -@media (max-width: 684px) { - body { - font-size: $font-size-base * .85; - padding: 2em; - } -} - -@mixin word-wrap { - hyphens: auto; - overflow-wrap: break-word; - word-break: break-word; - word-wrap: break-word; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - @include word-wrap; - - font-weight: 700; - line-height: 1.1; -} - -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; -} - -small, -sub, -sup { - font-size: 75%; -} - -hr { - border-color: $color-blossom; -} - -a { - color: $color-blossom; - - &:active, - &:focus, - &:hover { - color: $color-fade; - } -} - -ul { - padding-left: 1.4em; -} - -li { - margin-bottom: .4em; -} - -blockquote { - border-left: 3px solid $color-blossom; - font-style: italic; - margin-left: 1.5em; - padding-left: 1em; -} - -img { - max-width: 100%; -} - -pre { - background-color: $color-bg-alt; - border: 1px solid $color-bg-alt; - border-radius: 4px; - display: block; - overflow-x: auto; - padding: 1em; -} - -code { - background-color: $color-bg-alt; - border-radius: 4px; - font-size: .9em; - padding: 0 .5em; - white-space: pre-wrap; -} - -pre > code { - background-color: transparent; - padding: 0; - white-space: pre; -} - -table { - border-collapse: collapse; - text-align: justify; - width: 100%; -} - -td, -th { - border-bottom: 1px solid $color-bg-alt; - padding: .5em; -} - -input, -textarea { - border: 1px solid $color-text; - - &:focus { - border: 1px solid $color-blossom; - } -} - -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: 1em; - text-align: center; - text-decoration: none; - white-space: nowrap; - - &[disabled] { - cursor: default; - opacity: .5; - } - - &:focus, - &:hover { - background-color: $color-fade; - border-color: $color-fade; - color: $color-bg; - outline: 0; - } -} - -textarea, -select, -input[type] { - 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: .5em; - padding: 1em; - - &: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: .5rem; -} |