publik-base-theme/static/montpellier-intranet/_custom.scss

92 lines
1.4 KiB
SCSS

#header-wrapper {
background: #047c99 linear-gradient(to right, #047c99, #56af4e);
}
div#header {
background: url(img/intranet.svg) left center no-repeat;
background-size: auto 70px;
padding: 20px 0;
@media screen and ($max-mobile-viewport) {
background-position: 10px 10px;
}
h1 {
font-size: $title-font-size;
}
#logo a:hover {
text-decoration: none;
}
.site-title {
padding-left: 70px;
color: white;
display: block;
@media screen and ($max-mobile-viewport) {
padding-left: 0px;
}
}
}
#top {
display: flex;
align-items: center;
justify-content: space-between;
@media screen and ($max-mobile-viewport) {
flex-direction: column-reverse;
align-items: baseline;
padding-left: 70px;
#logo {
padding-left: 0 !important;
}
}
}
#toplinks {
position: static;
@media screen and ($max-mobile-viewport) {
margin-right: 10px;
}
a {
background: $green;
color: black;
font-weight: 500;
border-radius: 100px;
padding: 2px 1em;
&.account-link, &.login-link {
background: white;
}
}
}
div.gru-nav > ul {
margin: 0 0 15px 0;
}
%button {
border-radius: 30px;
font-weight: 500;
font-family: $title-font-family;
}
ul#evolutions li span.item {
background: white !important;
box-shadow: 0 0 0px 5px #eee;
}
div#rub_service {
padding-top: 15px;
}
div#tracking-code {
background: white;
}
#footer {
font-size: 90%;
}
header, footer {
font-family: $title-font-family;
}