Accords-Library-Archive
/
gallery.accords-library.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

client/css: change container paddings to be viewport size independent

This commit is contained in:
Michael Serajnik 2017-12-18 03:36:45 +01:00 committed by rr-
parent 4ce29cf222
commit e15dffa1dc
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
client/css/core-general.styl
View File

@ -59,8 +59,10 @@ form .fa-question-circle-o
vertical-align: middle vertical-align: middle
#content-holder #content-holder
padding: 1.5vw padding: 1.5em
text-align: center text-align: center
@media (max-width: 1000px)
padding: 1em
>.content-wrapper >.content-wrapper
box-sizing: border-box /* make max-width: 100% on this element include padding */ box-sizing: border-box /* make max-width: 100% on this element include padding */
text-align: left text-align: left
@ -70,7 +72,9 @@ form .fa-question-circle-o
margin-top: 0 margin-top: 0
>.content-wrapper:not(.transparent) >.content-wrapper:not(.transparent)
background: $top-navigation-color background: $top-navigation-color
padding: 2vw padding: 1.8em
@media (max-width: 1000px)
padding: 1.5em
hr hr
border: 0 border: 0
@ -123,10 +127,12 @@ nav
li li
display: inline-block display: inline-block
float: left float: left
a
padding: 0 1.5em
#mobile-navigation-toggle #mobile-navigation-toggle
display: none display: none
width: 100% width: 100%
padding: 0 1.5vw padding: 0 1em
line-height: 2.3em line-height: 2.3em
font-family: inherit font-family: inherit
border: none border: none
@ -148,7 +154,7 @@ nav
float: none float: none
a a
display: block display: block
padding: 0 1.5vw padding: 0 1em
#mobile-navigation-toggle #mobile-navigation-toggle
display: block display: block
&.opened &.opened