diff options
author | Benjamin Franzke <benjaminfranzke@googlemail.com> | 2016-07-04 07:59:48 +0200 |
---|---|---|
committer | Benjamin Franzke <benjaminfranzke@googlemail.com> | 2016-07-04 07:59:48 +0200 |
commit | f8912d84ebb811ef691a225313caf187dff3a7cb (patch) | |
tree | 36725cadaf4095be0c8c536e50097f6d3829ff33 /style/style.css | |
parent | 21fccec779ddc6b85d72cad97aeef9e1fe8420d4 (diff) | |
download | mutti-web-f8912d84ebb811ef691a225313caf187dff3a7cb.tar.gz mutti-web-f8912d84ebb811ef691a225313caf187dff3a7cb.tar.bz2 mutti-web-f8912d84ebb811ef691a225313caf187dff3a7cb.zip |
Cheap responsive implementation
Diffstat (limited to 'style/style.css')
-rw-r--r-- | style/style.css | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/style/style.css b/style/style.css index 3de0a10..53a5cdb 100644 --- a/style/style.css +++ b/style/style.css @@ -311,3 +311,57 @@ footer p a { font-size: 0.875em; color: #555; } + +@media (max-width: 75em) { + header, nav, main, footer { + width: 62em; + max-width: 62em; + } +} + +@media (max-width: 64em) { + header, nav, main, footer { + width: 100%; + max-width: 100%; + padding-left: 1em; + padding-right: 1em; + } + header { + padding-top: 1em; + } + header .h1 { + font-size: 1.5em; + } + header .h2 { + font-size: 1.3em; + } + header svg { + width: 3em; + height: 3em; + float: left; + } + main { + flex-direction: column; + } + + aside { + padding-left: 0; + } + + nav > ul > li { + float: none; + width: 100%; + } + nav > ul > li + li { + padding-left: 0; + } + img.left { + float: none; + margin-right: 0; + } + + img.right { + float: none; + margin-left: 0; + } +} |