Move gradient to where we can use variables; set colors based on original logo

This commit is contained in:
benjamin melançon 2019-07-31 13:54:36 -04:00
parent 3485f31353
commit 360a8b917e
3 changed files with 16 additions and 12 deletions

View file

@ -20,6 +20,20 @@
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