106 lines
1.5 KiB
SCSS
106 lines
1.5 KiB
SCSS
@media screen and (min-width: $mobile-limit + 1) {
|
|
.gru-nav {
|
|
display: flex;
|
|
}
|
|
#logo.has-logo {
|
|
padding-bottom: 20px;
|
|
a {
|
|
min-height: 70px;
|
|
}
|
|
}
|
|
}
|
|
|
|
div#header h1#logo {
|
|
margin-top: 1em;
|
|
display: flex;
|
|
justify-content: center;
|
|
a {
|
|
width: $width;
|
|
@media screen and (max-width: $mobile-limit) {
|
|
max-width: 720px;
|
|
min-height: 60px;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
#toplinks {
|
|
position: relative;
|
|
a {
|
|
color: white;
|
|
}
|
|
@media screen and (min-width: $mobile-limit + 1) {
|
|
right: unset;
|
|
height: 40px;
|
|
.toplinks--list {
|
|
position: absolute;
|
|
right: 120px;
|
|
}
|
|
}
|
|
@media screen and (max-width: $mobile-limit) {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
.header-width {
|
|
max-width: unset;
|
|
}
|
|
|
|
.site-header, #header-wrapper, #header {
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
@media screen and (min-width: $mobile-limit + 1) {
|
|
div#header {
|
|
width: unset;
|
|
padding: unset;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: $mobile-limit) {
|
|
body {
|
|
border-left: 0;
|
|
}
|
|
div#header {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.gru-content div.cell h2:first-child {
|
|
border-bottom: 1px solid #e1e1e1;
|
|
&::before {
|
|
background: #1e1e1e;
|
|
bottom: 0;
|
|
content: '';
|
|
display: block;
|
|
height: 1px;
|
|
position: absolute;
|
|
width: 40px;
|
|
}
|
|
}
|
|
|
|
li.contains-subentries > a.menu--link {
|
|
span.menu--label::after {
|
|
content: "▼";
|
|
font-size: .6em;
|
|
margin-left: 1em;
|
|
}
|
|
}
|
|
|
|
%button { font-weight: bold; }
|
|
|
|
.title label {
|
|
font-weight: bold;
|
|
.required {
|
|
color: $required-red;
|
|
}
|
|
}
|
|
|
|
#footer {
|
|
display: flex;
|
|
a[href]:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|