open-consul/ui/styles/base.scss

106 lines
1.3 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-04-21 20:01:53 +00:00
@media (min-width: 768px) { // + 18
.container {
width: 750px;
}
}
@media (min-width: 970px) { // + 22
.container {
width: 970px;
}
}
@media (min-width: 1230px) { // + 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-04-30 14:49:07 +00:00
.border-left {
display: block;
height: 700px;
.line {
margin: 0 auto;
background-color: $gray-background;
height: 100%;
width: 1px;
}
}
.no-margin {
margin: 0;
}
2014-04-23 18:01:42 +00:00
.vertical-center {
margin-top: 200px;
}
2014-04-22 18:11:54 +00:00
.row {
&.colored {
background-color: $light-purple;
}
}
.bordered {
border-left: 2px solid $gray-background;
}
2014-04-22 18:11:54 +00:00
.bg-purple {
background-color: $purple;
}
.bg-light-purple {
background-color: $light-purple;
}
.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
}