geo/geo-coop
geo/geo-coop
7
1
Fork 0
Code Issues 54 Pull requests Projects Releases Packages Wiki Activity Actions

Move base stuff into elements and align green bar with logo

Browse source
This commit is contained in:
benjamin melançon 2019-08-01 07:54:34 -04:00
parent 7b37c7e3f9
commit cf59b4c18e
2 changed files with 44 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

52
web/themes/custom/geofresco/src/global/_base.scss
View file

@ -13,6 +13,13 @@
font-family: $family-geo;
}
// 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 */
}
// Give us some color classes
.green {
color: $green;
@ -22,48 +29,5 @@
color: $yellow;
}
.geo-title {
display: block;
width: 6em;
position: relative;
bottom: 3.6rem;
overflow: visible;
height: 1rem;
}
// $navbar-item-img-max-height: 3rem;
.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;
}