Mercurial > gemma
view client/src/application/assets/application.scss @ 630:855cca0142ec
refac: Usermanagement now flexible sidebar layout
In order to prevent overlapping of sidebar and content
a spacer is for a small viewport width added and collapsed
accordingly to the sidebar.
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 12 Sep 2018 16:11:05 +0200 |
parents | 8278b2fb0c33 |
children | f2097d2aa048 |
line wrap: on
line source
$offset: 1rem; $small-offset: 0.5rem; $x-small-offset: 0.25rem; $large-offset: 2rem; $x-large-offset: 3rem; $basic-shadow: 1px 3px 8px 2px rgba(220, 220, 220, 0.75); $basic-shadow-light: 1px 1px 12px 1px rgba(235, 235, 235, 0.75); $transition: 0.5s; $transition-fast: 0.1s; $transition-slow: 3s; $smaller: 0.9rem; $border-radius: 5px; $sidebar-width: 15rem; $sidebar-height: 13rem; $icon-height: 3rem; $icon-width: 3rem; .debug { border: 1px solid red; } %fully-centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ui-element { pointer-events: auto; }