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

104 lines
1.3 KiB
SCSS

body.has-picture .site-nav::after {
top: 0;
}
h1#logo.has-logo {
a {
margin-top: 20px;
@media(max-width: $very-small-limit) {
margin-top: 60px;
}
}
}
@media($min-desktop-viewport) {
.site-nav {
margin-top: -50px;
z-index: 500;
}
}
.gru-nav {
.menu, .submenu {
&--link {
font-weight: 500;
font-size: 1.2rem;
}
}
@media($min-desktop-viewport) {
display: flex;
justify-content: center;
.menu, .submenu {
background: white;
&--link {
font-weight: 500;
font-size: 1.2rem;
}
}
.menu {
&--link {
text-transform: uppercase;
}
}
.submenu {
border: 2px solid $blue-3;
&--item{
margin: 0 10px;
&:not(:last-child) {
border-bottom: 1px solid $blue-3;
}
}
}
}
}
.gru-content {
div.link-list-cell,
div.wcsformsofcategorycell {
position: relative;
h2:first-child {
padding-left: 3rem;
}
&.has-asset-picture picture {
position: absolute;
display: flex;
align-items: center;
height: 3.6rem;
top: 0;
left: 0.5rem;
img {
padding: 0;
width: 2.1rem;
}
}
}
}
input, input[type="search"], textarea, select {
&:not([readonly]) {
&:hover, &:focus {
background: white;
}
}
}
%inverted-button {
background: $blue-3;
color: black;
border: none;
&:hover {
background: $blue-2;
color: black;
}
}