jyapayne/nimforum
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixes navbar colours.

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
redesign/index.html
View file

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

22
redesign/nimforum.scss
View file

@ -5,6 +5,11 @@ $primary-color: #2e5bec;
// $dark-color: #3e396b; // $dark-color: #3e396b;
$label-color: #7cd2ff; $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 full Spectre source code
@import "spectre/src/spectre"; @import "spectre/src/spectre";
@ -30,8 +35,23 @@ $navbar-height: 60px;
$logo-height: $navbar-height - 20px; $logo-height: $navbar-height - 20px;
#main-navbar { #main-navbar {
background-color: #17181f; background-color: $navbar-color;
height: $navbar-height; 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 { #img-logo {