Fixes navbar colours.

This commit is contained in:
Dominik Picheta 2018-05-07 23:18:09 +01:00
commit 088afbb9ac
2 changed files with 22 additions and 2 deletions

View file

@ -17,7 +17,7 @@
<header class="navbar container grid-xl" id="main-navbar">
<section class="navbar-section">
<a href="#">
<img src="http://via.placeholder.com/60x60"
<img src="images/crown.png"
id="img-logo"/>
</a>
</section>

View file

@ -5,6 +5,11 @@ $primary-color: #2e5bec;
// $dark-color: #3e396b;
$label-color: #7cd2ff;
// Define nav bar colours.
$navbar-color: #17181f;
$navbar-border-color-dark: $navbar-color;
$navbar-primary-color: #fee860;
// Import full Spectre source code
@import "spectre/src/spectre";
@ -30,8 +35,23 @@ $navbar-height: 60px;
$logo-height: $navbar-height - 20px;
#main-navbar {
background-color: #17181f;
background-color: $navbar-color;
height: $navbar-height;
// Unfortunately we must colour the controls in the navbar manually.
.form-input, .btn {
border-color: $navbar-border-color-dark;
}
.btn-primary {
background-color: $navbar-primary-color;
color: $navbar-color;
}
.form-input:focus, .btn:focus {
box-shadow: none;
}
}
#img-logo {