diff options
| author | Michael Serajnik <ms@mserajnik.at> | 2017-12-18 03:36:45 +0100 |
|---|---|---|
| committer | rr- <rr-@sakuya.pl> | 2018-03-10 17:45:37 +0100 |
| commit | e15dffa1dcbae9c85ad4fad187f84f569edf41c5 (patch) | |
| tree | d5a03dbfbfb9f698513bb3d19a150a7a4f0d65e2 /client | |
| parent | 4ce29cf222e3381e6de81e777c7f2a4f7554a218 (diff) | |
client/css: change container paddings to be viewport size independent
Diffstat (limited to 'client')
| -rw-r--r-- | client/css/core-general.styl | 14 |
1 files changed, 10 insertions, 4 deletions
diff --git a/client/css/core-general.styl b/client/css/core-general.styl index c74a99a..bac5009 100644 --- a/client/css/core-general.styl +++ b/client/css/core-general.styl @@ -59,8 +59,10 @@ form .fa-question-circle-o vertical-align: middle #content-holder - padding: 1.5vw + padding: 1.5em text-align: center + @media (max-width: 1000px) + padding: 1em >.content-wrapper box-sizing: border-box /* make max-width: 100% on this element include padding */ text-align: left @@ -70,7 +72,9 @@ form .fa-question-circle-o margin-top: 0 >.content-wrapper:not(.transparent) background: $top-navigation-color - padding: 2vw + padding: 1.8em + @media (max-width: 1000px) + padding: 1.5em hr border: 0 @@ -123,10 +127,12 @@ nav li display: inline-block float: left + a + padding: 0 1.5em #mobile-navigation-toggle display: none width: 100% - padding: 0 1.5vw + padding: 0 1em line-height: 2.3em font-family: inherit border: none @@ -148,7 +154,7 @@ nav float: none a display: block - padding: 0 1.5vw + padding: 0 1em #mobile-navigation-toggle display: block &.opened |