X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/9a938c8b406ce05e3bca4a5a483d473ece9e17b0..733a35d165f8fa095c3dfcbb74ac7aae3c320a2e:/src/wolnelektury/static/scss/main/base.scss?ds=sidebyside diff --git a/src/wolnelektury/static/scss/main/base.scss b/src/wolnelektury/static/scss/main/base.scss index 48c63febb..45e383c53 100755 --- a/src/wolnelektury/static/scss/main/base.scss +++ b/src/wolnelektury/static/scss/main/base.scss @@ -8,13 +8,17 @@ html, body { clear: both; } +.hide { + display: none !important; +} + /* Basic colors and fonts */ body { - font-family: Georgia; + font-family: Georgia, serif; background: #f7f7f7; color: black; - @include size(font-size, 13px); + @include size(font-size, 15px); } a { @@ -37,12 +41,12 @@ h1 { } h2 { - @include size(font-size, 20px); + @include size(font-size, 23px); font-weight: normal; } h3 { - @include size(font-size, 15px); + @include size(font-size, 17px); font-weight: normal; } @@ -79,15 +83,21 @@ ul.plain { .left-column, .right-column { @include size(max-width, 600px); + @include size(padding-left, 1em); + @include size(padding-right, 1em); } @media screen and (min-width: 62.5em) { - .left-column { + .left-column, .right-column { @include size(width, 470px); + padding-left: 0; + padding-right: 0; + } + + .left-column { float: left; } .right-column { - @include size(width, 470px); float: right; } } @@ -132,6 +142,7 @@ ul.plain { .initial-block { display: inline-block; + width: 100%; } } @@ -209,3 +220,7 @@ ul.plain { @include size(margin-bottom, 10px); } } + +@media screen and (max-width: 62.5em) { + .mobile-margins {margin-left: 1em; margin-right: 1em;} +}