Fixes navbar colours.
This commit is contained in:
parent
7a13c32ccf
commit
088afbb9ac
2 changed files with 22 additions and 2 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue