@import 'navigation/*/';
-
{ box-sizing: border-box; -moz-box-sizing: border-box;
}
html, body {
@include display(flex); @include flex(1); -webkit-font-smoothing: antialiased;
}
html {
min-height: 100%;
}
body {
margin: 0; padding: 0; font-family: $fonts; font-weight: 200; font-size: 14px; color: $text-color;
}
a {
@include transition(color 0.2s ease-in); color: $link-color; text-decoration: none; &:hover { color: darken($link-color, 25%); }
}
ol.list {
overflow-y: scroll;
}
h1, h2, h3, h4, h5 {
font-weight: 100;
}
h1 {
font-size: 2.5em;
}
ul, ol {
margin: 0; padding: 0; list-style-type: none; li { padding: 1em 0; }
}
input {
border: none;
}
fieldset {
border: none; padding: 0; margin: 0;
}
input {
padding: 4px 8px; font-weight: lighter; outline: none;
}
button, input, .button {
@include transition(border-color 0.2s, background-color 0.2s, box-shadow 0.2s, color 0.2s); padding: 4px 8px; margin: 0 0.5em; border: 1px solid rgba(black, 0.25); border-radius: 2px; color: lighten($navy-blue, 100%); background-color: rgba(white, 0.05); font-family: inherit; font-size: 0.8em; font-weight: inherit; text-decoration: none; cursor: pointer; outline: none; box-shadow: inset 0 1px 0 0 transparent; &.selected { background-color: rgba(black, 0.3); border-color: rgba(black, 0.3); box-shadow: none; } &:hover:not(.selected) { background-color: rgba(white, 0.05); color: white; border-color: rgba(black, 0.3); box-shadow: inset 0 1px 0 0 rgba(white, 0.35); } &:active:not(.selected) { box-shadow: inset 0 1px 2px 0 rgba(black, 0.3); background-color: rgba(black, 0.3); }
}
main {
@include flex(1 100%); @include display(flex); position: relative; z-index: 1; padding-top: 52px; top: 0; left:0; right:0; bottom:0; &[data-style='split'] { flex-direction: row; } &:not([data-style='split']) { flex-direction: column; }
}
main > section {
flex: 1 auto; background: white;
}
.hidden {
display: none;
}
.flash {
height: 100%; line-height: 45px; padding: 0 8px; font-size: 1em; text-align: center; background: rgba(160, 207, 194, 0.5); box-shadow: inset 0px 0px 3px 1px rgba(76, 120, 155, 1); color: #FEFEFE;
}