7a6de3dcb1
This patch moves all css style tags from html head and imports them properly in horizon.scss. There will be only one request to make to bring all styleshets as it will be compiled into single horizon.css file. Imports have been reoganized to fit file structure, naming conventions and to enable use of horizon variables. Partially-Implements: blueprint css-breakdown Closes-Bug: 1390104 Change-Id: I868289b010589f01339615390cf0b2f09b11eb1c
98 lines
2.1 KiB
SCSS
98 lines
2.1 KiB
SCSS
.topbar {
|
|
background: $gray-lighter;
|
|
border-bottom: 1px solid $gray-light;
|
|
padding-right: 15px;
|
|
h1.brand {
|
|
display: inline-block;
|
|
width: 222px;
|
|
margin: 0 0 0 10px;
|
|
line-height: 1;
|
|
a {
|
|
background: url(../img/logo.png) left center no-repeat;
|
|
display: block;
|
|
text-indent: -9999px;
|
|
}
|
|
}
|
|
.switcher_bar {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 0px;
|
|
|
|
.btn.btn-topnav{
|
|
@include button-size(8px, $padding-base-horizontal, $font-size-base, $line-height-base, 0);
|
|
@include button-variant($btn-default-color, $gray-lighter, $gray-lighter);
|
|
&:hover, &:active {
|
|
@include box-shadow(none);
|
|
}
|
|
}
|
|
|
|
.dropdown-menu.topbar-dropdown-menu {
|
|
border-radius: 0;
|
|
&:before, &:after {
|
|
position: absolute;
|
|
display: inline-block;
|
|
content: '';
|
|
}
|
|
&:before {
|
|
top: -7px;
|
|
left: 9px;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid #ccc;
|
|
border-left: 7px solid transparent;
|
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
}
|
|
&:after {
|
|
top: -6px;
|
|
left: 10px;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #ffffff;
|
|
border-left: 6px solid transparent;
|
|
}
|
|
&.pull-right:before {
|
|
left: auto;
|
|
right: 9px;
|
|
}
|
|
&.pull-right:after {
|
|
left: auto;
|
|
right: 10px;
|
|
}
|
|
}
|
|
|
|
.context-selection {
|
|
.dropdown-menu {
|
|
padding: 0;
|
|
}
|
|
|
|
.context-lists {
|
|
display: table;
|
|
width: 100%;
|
|
ul {
|
|
display: table-cell;
|
|
padding: .5em 0;
|
|
li {
|
|
a {
|
|
@extend .dropdown-menu > li > a;
|
|
}
|
|
}
|
|
&:not(:last-child) {
|
|
border-right: 1px solid $gray-light;
|
|
}
|
|
}
|
|
}
|
|
|
|
.footer {
|
|
padding: 0.4em 1em;
|
|
background: whitesmoke;
|
|
border-top: 1px solid $gray-light;
|
|
text-align: right;
|
|
}
|
|
|
|
.disabled {
|
|
cursor: not-allowed;
|
|
color: $gray-light;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|