You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
nginxconfig.io/resources/scss/_header.scss

87 lines
1.2 KiB

header {
background-color: #000;
padding: 0.5rem 0;
text-align: center;
margin-bottom: 0.5rem;
color: #fff;
font-size: 2.2rem;
.logo {
height: 3rem;
margin-bottom: 0.5rem;
}
.sites {
@include media-breakpoint-up(lg) {
margin-top: -1rem;
}
}
.sites,
.presets {
font-size: 0;
text-align: center;
@include media-breakpoint-up(lg) {
text-align: left;
}
}
.title {
color: #eee;
font-size: 0.9rem;
font-style: italic;
vertical-align: -5px;
margin-right: 4px;
text-align: center;
@include media-breakpoint-up(lg) {
display: inline-block;
width: 60px;
}
}
.btn-outline-light {
box-shadow: none !important;
border-color: #999;
margin: 0 3px 4px;
&.active,
&:hover {
background-color: #fff;
border-color: #fff;
svg {
path {
fill: #000;
}
}
}
svg {
height: 1.1rem;
vertical-align: text-bottom;
path {
fill: #ddd;
transition: fill 0.15s ease-in-out;
}
}
small {
margin-left: 0.2rem;
font-weight: 700;
vertical-align: 1px;
}
.close {
float: none;
vertical-align: -2px;
color: #666;
line-height: 0;
margin-right: -0.3rem;
font-size: 1.3rem;
}
}
}