publik-base-theme/static/ehess/_custom.scss

109 lines
1.4 KiB
SCSS

@media($min-desktop-viewport) {
#top {
display: flex;
}
}
#logo a {
height: 100px;
line-height: 100px;
color: $primary-color;
text-transform: uppercase;
font-weight: normal;
@media screen and ($min-desktop-viewport) {
margin-top: .5em;
}
}
#toplinks {
a {
color: white;
}
}
#nav-wrapper {
margin-bottom: 10px;
@media($min-desktop-viewport) {
background: $nav-background;
}
div#nav > ul > li > a {
border-radius: $border-radius;
}
div.gru-nav ul li {
border-right: 1px solid $misc-blue;
&:last-child {
border-right: none;
}
}
@media screen and ($min-desktop-viewport) {
margin-top: 5em;
}
}
@media ($max-mobile-viewport) {
div.gru-nav .gru-nav-button + ul {
border: none;
}
}
main {
margin-top: 2em;
%button {
box-shadow: none;
}
%button:hover {
border: 1px solid #dcdcdc;;
box-shadow: none;
}
h1.form-content--title {
font-family: 'Work Sans', sans-serif;
text-transform: uppercase;
color: $secondary-color;
font-size: 1.3em;
font-weight: 500;
}
}
#rub_service {
h2 {
font-size: 1.8em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.4em;
}
h2, h3, h4 {
color: $primary-color;
}
}
#profile .field .label {
color: $tertiary-color;
}
@media screen and ($max-mobile-viewport) {
#logo a {
display: block;
height: 75px;
overflow: hidden;
}
}
#footer-wrapper {
a:hover {
color: $primary-color;
}
}
%inverted-button {
box-shadow: none;
&:hover {
box-shadow: none;
}
}