open-consul/ui/styles/base.scss

189 lines
2.7 KiB
SCSS
Raw Normal View History

2014-04-22 18:11:54 +00:00
@import "mixins";
2014-04-21 20:01:53 +00:00
@import "variables";
2014-04-22 18:11:54 +00:00
@import "type";
@import "panels";
@import "nav";
@import "buttons";
@import "lists";
2014-04-30 16:15:54 +00:00
@import "forms";
2014-08-22 23:03:46 +00:00
@import "notifications";
2014-04-21 20:01:53 +00:00
2014-09-05 19:56:50 +00:00
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
height: 100%;
margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 60px; /* .push must be the same height as .footer */
}
@media (min-width: 1120px) { // + 30
.container {
width: 1100px;
}
}
@media (min-width: 1200px) { // + 30
.container {
width: 1200px;
}
}
@media (min-width: 1438px) { // + 38
.container {
width: 1400px;
}
}
2014-04-27 14:42:21 +00:00
a {
button:active {
outline: none;
}
}
2014-05-01 03:39:41 +00:00
.buffer-small {
height: 50px;
}
2014-06-05 17:24:03 +00:00
@media (min-width: 991px) {
.border-left {
border-left: 1px $gray-background solid;
.padded-border{
padding-left: 30px;
}
2014-04-30 14:49:07 +00:00
}
}
2014-06-03 17:53:22 +00:00
.padded-right-middle {
padding-right: 30px;
}
.no-margin {
margin: 0;
}
2014-04-23 18:01:42 +00:00
.vertical-center {
margin-top: 200px;
}
2017-03-21 18:39:57 +00:00
.sticky-scroll {
top: 15px;
position: sticky;
position: -webkit-sticky;
overflow: scroll;
}
2014-04-22 18:11:54 +00:00
.row {
&.colored {
2017-04-13 13:27:32 +00:00
background-color: $light-pink;
2014-04-22 18:11:54 +00:00
}
}
.bordered {
border-left: 2px solid $gray-background;
}
2014-04-22 18:11:54 +00:00
2017-04-13 13:27:32 +00:00
.bg-pink {
background-color: $pink;
2014-04-22 18:11:54 +00:00
}
2017-04-13 13:27:32 +00:00
.bg-light-pink {
background-color: $light-pink;
2014-04-22 18:11:54 +00:00
}
.bg-orange {
background-color: $orange-faded;
}
.bg-green {
background-color: $green-faded;
}
.bg-dark-green {
background-color: $green-dark;
}
2014-04-22 18:11:54 +00:00
.bg-red {
background-color: $red-faded;
}
.bg-gray {
2014-04-30 16:15:54 +00:00
background-color: $gray-light;
2014-04-22 18:11:54 +00:00
}
.bg-light-gray {
background-color: $gray-background;
2014-04-21 20:01:53 +00:00
}
.action-bar {
min-height: 50px;
padding-top: 10px;
padding-bottom: 10px;
}
.ember-list-view {
overflow: auto;
position: relative;
margin-bottom: 30px;
}
2014-06-04 21:14:50 +00:00
.ember-list-item-view {
position: absolute;
width: 100%;
}
2014-06-04 21:14:50 +00:00
.scrollable {
overflow: auto;
height: 800px;
margin-bottom: 30px;
2014-06-04 21:14:50 +00:00
}
.elip-overflow {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
2014-09-05 19:56:50 +00:00
.do-logo {
opacity: 0.6;
margin-top: -3px;
}
.tomography .background {
fill: $gray-background;
}
.tomography .axis {
fill: none;
stroke: $gray-light;
stroke-dasharray: 4 4;
}
.tomography .border {
fill: none;
stroke: $gray-darker;
}
.tomography .point {
stroke: $gray-darker;
fill: $green-faded;
}
.tomography .lines line {
stroke: $red;
}
.tomography .lines line:hover {
stroke: $gray-darker;
stroke-width: 2px;
}
.tomography .tick line {
stroke: $gray-light;
}
.tomography .tick text {
font-size: 14px;
text-anchor: start;
}