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,
body
{
height: 100%;
- overflow-y: scroll;
+ display: flex;
+ flex-direction: column;
}
#page
{
- position: relative;
- min-height: 100%;
+ flex: 1 0 auto;
+ display: flex;
+ justify-content: flex-end;
}
footer
{
- position: relative;
- left: 0;
- right: 0;
- bottom: 1em;
+ flex-shrink: 0;
+ display: flex;
+ justify-content: flex-end;
+}
+main,
+#copyright
+{
+ flex-grow: 1;
+ max-width: 768px;
+ min-width: 568px;
+ overflow: hidden;
+}
+nav,
+#footerlinks
+{
+ flex-grow: 0;
+ min-width: 293px;
+}
+
+
+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;
}