69 lines
1.2 KiB
SCSS
69 lines
1.2 KiB
SCSS
@charset "utf-8";
|
|
|
|
// Set our custom font for all headers and menus
|
|
.title,
|
|
.subtitle,
|
|
.content h1,
|
|
.content h2,
|
|
.content h3,
|
|
.content h4,
|
|
.content h5,
|
|
.content h6,
|
|
.menu {
|
|
font-family: $family-geo;
|
|
}
|
|
|
|
// Give us some color classes
|
|
.green {
|
|
color: $green;
|
|
}
|
|
|
|
.yellow {
|
|
color: $yellow;
|
|
}
|
|
|
|
.geo-title {
|
|
display: block;
|
|
width: 6em;
|
|
position: relative;
|
|
bottom: 3.6rem;
|
|
overflow: visible;
|
|
height: 1rem;
|
|
}
|
|
|
|
.block-geofresco-branding {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
// Prevent images from being larger than their Drupal-set size
|
|
.image.no-upscale img {
|
|
width: intrinsic; /* Safari/WebKit uses a non-standard name */
|
|
width: -moz-max-content; /* Firefox/Gecko */
|
|
width: -webkit-max-content; /* Chrome */
|
|
}
|
|
|
|
// Add a gradient across only a portion of the vertical width of the navbar.
|
|
.navbar {
|
|
background: linear-gradient(
|
|
$body-background-color,
|
|
$body-background-color 20px,
|
|
$light-green 20px,
|
|
$green 40px,
|
|
$green 60px,
|
|
$body-background-color 60px,
|
|
$body-background-color
|
|
);
|
|
}
|
|
|
|
|
|
// Style the wordmark (logo)
|
|
.navbar-item .wordmark {
|
|
max-height: 3rem; // 4rem
|
|
}
|
|
|
|
$navbar-item-img-max-height: 3rem;
|
|
|
|
.navbar-item .wordmark img {
|
|
height: 100%;
|
|
width: auto;
|
|
}
|