diff options
author | Valentin Popov <info@valentineus.link> | 2018-04-18 02:47:11 +0300 |
---|---|---|
committer | Valentin Popov <info@valentineus.link> | 2018-04-18 02:47:11 +0300 |
commit | 2f21fb975dcffd15113995a7d36122d17823f649 (patch) | |
tree | 57b5bc43d7b448ed5dcf73bdf4747908e85e6857 /_scss/_main.scss | |
parent | ce5db590cac665abf73d32dfcd47da006e9920d0 (diff) | |
download | popov.link-2f21fb975dcffd15113995a7d36122d17823f649.tar.xz popov.link-2f21fb975dcffd15113995a7d36122d17823f649.zip |
Removing irrelevant spare parts
Diffstat (limited to '_scss/_main.scss')
-rw-r--r-- | _scss/_main.scss | 344 |
1 files changed, 0 insertions, 344 deletions
diff --git a/_scss/_main.scss b/_scss/_main.scss deleted file mode 100644 index 4ca62e9..0000000 --- a/_scss/_main.scss +++ /dev/null @@ -1,344 +0,0 @@ -@import 'flexbox'; -@import 'tools'; - -$monospaced-font: 'PT Mono', monospace; -$sans-serif-font: 'PT Sans', sans-serif; - -$darker-bg-color: #f8f8f8; -$darker-fg-color: #000; -$bg-color: #fefefe; -$fg-color: #323232; - -*, -*::after, -*::before { - @include borderbox(border-box); -} - -html { - font-size: 70%; -} - -body { - @include flexbox(); - - background-color: $bg-color; - color: $fg-color; - font-family: $sans-serif-font; - font-size: 1.6em; - font-weight: 400; - - @include mobile-screen() { - font-size: 1.4em; - line-height: 1.6em; - } -} - -a { - color: $fg-color; - text-decoration: none; - - &:focus, - &:hover { - text-decoration: underline; - } -} - -blockquote { - border-left: 2px solid $darker-bg-color; - font-style: italic; - padding-left: 1.6rem; -} - -code { - background-color: $darker-bg-color; - font-family: $monospaced-font; - padding: .4rem .8rem; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - color: $darker-fg-color; - font-family: $monospaced-font; - letter-spacing: .0625em; - margin: 3.2rem 0 1.6rem; - text-transform: uppercase; -} - -// Setting the size of headers -@for $i from 1 through 6 { - h#{7 - $i} { - font-size: get-font-size-for-pc($i); - line-height: get-font-size-for-pc($i); - - @include mobile-screen() { - font-size: get-font-size-for-phone($i); - line-height: get-font-size-for-phone($i); - } - } -} - -img { - max-width: 100%; -} - -ol, -ul { - margin-top: 1.6rem; - padding-left: 3.2rem; -} - -p { - margin: 1.6rem 0; -} - -pre { - margin: 1.6rem 0 1rem; - overflow-x: auto; - padding: 1.6rem; -} - -table { - width: 100%; -} - -.wrapper { - @include flexbox(); - @include flex-direction(column); - - min-height: 100vh; - width: 100%; -} - -.container { - margin: 0 auto; - max-width: 120rem; - padding-left: 2rem; - padding-right: 2rem; - width: 100%; -} - -.navigation { - font-family: $monospaced-font; - font-weight: 700; - height: 6rem; - width: 100%; - - a { - display: inline; - font-size: 1.6rem; - letter-spacing: .1rem; - line-height: 6rem; - text-transform: uppercase; - - @include mobile-screen() { - font-size: 1.4rem; - } - } - - ul { - list-style: none; - margin-bottom: 0; - margin-top: 0; - - li { - float: left; - margin: 0; - position: relative; - - a { - margin-left: 1rem; - margin-right: 1rem; - } - } - } -} - -.content { - @include flex(1); - - margin-bottom: 3.2rem; - margin-top: 1.6rem; - - article { - header { - margin-bottom: 3.2rem; - margin-top: 3.2rem; - - h1, - h2 { - margin: 0; - } - - h2 { - color: $fg-color; - font-size: 1.8rem; - margin-top: 1rem; - - @include mobile-screen() { - font-size: 1.6rem; - } - } - } - } -} - -.list { - ul { - list-style: none; - margin: 3.2rem 0; - padding: 0; - - li { - font-size: 1.6rem; - - @include mobile-screen() { - font-size: 1.4rem; - margin: 1.6rem 0; - } - - span { - display: inline-block; - margin-right: 3rem; - text-align: right; - width: 20rem; - - @include mobile-screen() { - display: block; - text-align: left; - } - } - - a { - font-weight: 700; - text-transform: uppercase; - } - } - } -} - -.pagination { - margin-top: 6rem; - text-align: center; - - li { - display: inline; - text-align: center; - - span { - margin: 0; - text-align: center; - width: 3.2rem; - } - - a { - span { - margin: 0; - text-align: center; - width: 3.2rem; - } - } - } -} - -.centered { - @include flexbox(); - @include align-items(center); - @include justify-content(center); - - height: 100%; - - .about { - font-family: $monospaced-font; - font-weight: 700; - text-align: center; - - h1 { - margin-bottom: .5rem; - margin-top: 2rem; - } - - h2 { - font-size: 2.4rem; - margin-bottom: .5rem; - margin-top: 1rem; - - @include mobile-screen() { - font-size: 2rem; - } - } - - ul { - list-style: none; - margin: 3rem 0 1rem; - padding: 0; - - li { - display: inline; - position: relative; - - a { - font-size: 1.6rem; - margin-left: 1rem; - margin-right: 1rem; - text-transform: uppercase; - - @include mobile-screen() { - font-size: 1.4rem; - } - } - } - } - } - - .error { - text-align: center; - - h1 { - font-size: 4.6rem; - margin-bottom: .5rem; - margin-top: 2rem; - - @include mobile-screen() { - font-size: 3.2rem; - } - } - - h2 { - font-size: 3.2rem; - margin-bottom: 3.2rem; - margin-top: 2rem; - - @include mobile-screen() { - font-size: 2.8rem; - } - } - } -} - -.comments { - margin-top: 1.6rem; -} - -.highlight { - margin: 0; -} - -.footer { - height: 6rem; - line-height: 6rem; - text-align: center; - width: 100%; -} - -.float-right { - float: right; -} - -.float-left { - float: left; -} |