X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=sass%2Fjuplo.scss;h=cd03e363f4dd65d3f942b9e9098446db27c75564;hb=82de3613242947148e6e95739c08e7519fb71d4e;hp=cbd132eccd04229832b068a0ef57aacd80c1af06;hpb=b271a1083470560bc2d18c34fb2819ce45404a26;p=website diff --git a/sass/juplo.scss b/sass/juplo.scss index cbd132ec..cd03e363 100644 --- a/sass/juplo.scss +++ b/sass/juplo.scss @@ -66,6 +66,10 @@ $button-hover-border-color: #000 !important; color: #ccc; background-color: #fff; } +#navigation li.s > ul.selected +{ + margin-top: 1em; +} #navigation li.s > a.selected:after, #navigation li.s > a.leaf:after, #navigation li.s > strong.selected:after, @@ -96,3 +100,69 @@ $button-hover-border-color: #000 !important; { content: "\f0ab"; } + + +html +{ + height: 100%; +} +body +{ + height: 100%; + display: flex; + flex-direction: column; +} +#page +{ + flex: 1 0 auto; + display: flex; + justify-content: flex-end; +} +footer +{ + flex-shrink: 0; + display: flex; + justify-content: flex-end; +} +main, +#copyright +{ + flex: 0 1 768px; + overflow: hidden; +} +nav, +#footerlinks +{ + flex: 0 0 293px ; + min-width: 293px; +} + + +label +{ + @extend .label; +} +input[type=submit], +input[type=reset] +{ + @extend .button; +} +input[type=text], +input[type=password], +input[type=email], +input[type=tel] +{ + @extend .input; +} +textarea +{ + @extend .textarea; +} +select +{ + // @extend .select; +} +input[type=file] +{ + // @extend .file-input; +}