diff options
author | Thomas Lange <code@nerdmind.de> | 2021-06-12 00:56:45 +0200 |
---|---|---|
committer | Thomas Lange <code@nerdmind.de> | 2021-06-12 00:56:45 +0200 |
commit | 4c3fc4ab3f012afc48be15193595c6b945496288 (patch) | |
tree | fea14ef91b1ca51cfcc4979ffc1b110c32f67e37 /theme/admin/rsrc/css/import/_responsive.scss | |
parent | 95c0ccd0958321056fb2d815c513c0b71c46f973 (diff) | |
download | blog-4c3fc4ab3f012afc48be15193595c6b945496288.tar.gz blog-4c3fc4ab3f012afc48be15193595c6b945496288.tar.xz blog-4c3fc4ab3f012afc48be15193595c6b945496288.zip |
Use SCSS for stylesheets
Diffstat (limited to 'theme/admin/rsrc/css/import/_responsive.scss')
-rw-r--r-- | theme/admin/rsrc/css/import/_responsive.scss | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/theme/admin/rsrc/css/import/_responsive.scss b/theme/admin/rsrc/css/import/_responsive.scss new file mode 100644 index 0000000..a8275bf --- /dev/null +++ b/theme/admin/rsrc/css/import/_responsive.scss @@ -0,0 +1,80 @@ +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Responsive Level #1 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +@media only screen and (max-width: 50em) { + html { + font-size: 1.125rem; /*18px*/ + background-image: none !important; + } +} + +/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +# Responsive Level #2 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ +@media only screen and (max-width: 37.5em) { + .flex.flex-responsive { + display: block; + width: auto; + + > .flex-item { + width: 100%; + + + .flex-item { + border-top: 0.05rem solid #AAA; + } + } + } + + #main-navi { + font-size: 1rem; + + li { + span { + display: none; + } + + .fa { + margin-right: 0; + } + } + + a { + padding: 0.5rem; + } + } + + .flex-emoticons { + display: none; + } + + .actions { + float: none; + display: flex; + width: 100%; + flex-grow: 1; + justify-content: center; + overflow: hidden; + box-sizing: border-box; + + li { + flex-grow: 1; + + + li { + border-left: none; + } + } + } + + .actions-before { + float: none; + } + + .arguments { + font-size: 0.5rem; + line-height: 0.75rem; + } + + main { + padding: 0.5rem; + } +} |