diff options
author | Valentin Popov <info@valentineus.link> | 2018-05-15 14:28:17 +0300 |
---|---|---|
committer | Valentin Popov <info@valentineus.link> | 2018-05-15 14:28:17 +0300 |
commit | 3647ff37c565c77ebd1e68fce1552201c35b5cb3 (patch) | |
tree | af295c51a91eb8a491a951d00459138daaabfeda /_scss/components/core | |
parent | bdbcbedc357627a583744b88ba35aeeddc6e69d0 (diff) | |
download | popov.link-3647ff37c565c77ebd1e68fce1552201c35b5cb3.tar.xz popov.link-3647ff37c565c77ebd1e68fce1552201c35b5cb3.zip |
Complete redesign of site styles
Signed-off-by: Valentin Popov <info@valentineus.link>
Diffstat (limited to '_scss/components/core')
-rw-r--r-- | _scss/components/core/_basis.scss | 27 | ||||
-rw-r--r-- | _scss/components/core/_grid.scss | 31 |
2 files changed, 0 insertions, 58 deletions
diff --git a/_scss/components/core/_basis.scss b/_scss/components/core/_basis.scss deleted file mode 100644 index 7803126..0000000 --- a/_scss/components/core/_basis.scss +++ /dev/null @@ -1,27 +0,0 @@ -@import 'utilities/boxsizing'; -@import 'utilities/textsizeadjust'; - -*, -*::after, -*::before { - @include box-sizing(border-box); - @include text-size-adjust(100%); -} - -html { - font-size: 62.5%; - overflow-y: scroll; -} - -body { - color: $color-secondary; - font-family: -apple-system, BlinkMacSystemFont, Roboto, Cantarell, 'Droid Sans', 'Fira Sans', Helvetica, 'Helvetica Neue', 'Helvetica Neue', Oxygen, 'Segoe UI', Ubuntu, sans-serif; - font-size: 16px; - letter-spacing: .01em; - line-height: 1.6; - margin: 0 auto; - max-width: 128rem; - min-height: 100vh; - padding: 2rem; - width: 100%; -} diff --git a/_scss/components/core/_grid.scss b/_scss/components/core/_grid.scss deleted file mode 100644 index 5d0b65c..0000000 --- a/_scss/components/core/_grid.scss +++ /dev/null @@ -1,31 +0,0 @@ -@import 'utilities/flexbox'; - -body { - @include flexbox(); - @include flex-basis(auto); - @include flex-direction(column); -} - -main { - @include flexbox(); - @include flex-basis(auto); - @include flex-grow(1); -} - -.navigation { - @include flexbox(); - @include flex-shrink(0); - @include justify-content(flex-end); -} - -.content { - @include flexbox(); - @include flex-basis(auto); - @include flex-direction(column); -} - -.footer { - @include flexbox(); - @include flex-shrink(0); - @include justify-content(center); -} |