Tweaked certain sections of scss to improve load ordering.

This commit is contained in:
Chris 2018-01-06 21:49:11 -05:00
parent 78f668ae6e
commit 8a020a8bd6
6 changed files with 20 additions and 13 deletions

View file

@ -1,4 +1,4 @@
<section id="homepage-hero" class="hero is-medium is-info is-bold">
<section id="homepage-hero" class="hero is-medium is-primary is-bold">
<div class="hero-head">
<nav id="hero-navbar" class="navbar is-dark is-size-6 is-fixed-top" role="navigation" aria-label="main navigation">
{{ partial "nav_contents" . }}

View file

@ -10,9 +10,8 @@
transition: background-color 0.2s ease;
}
// TODO: $navbar-background-color is the wrong variable to use here, as it's a dark theme?
.hero .navbar.is-freestanding {
background: #363636;
background: $navbar-background-color;
}
// https://github.com/jgthms/bulma/issues/935

View file

@ -1,15 +1,23 @@
@import "./yuzu.scss";
/* 1. Import the initial variables */
@import "./node_modules/bulma/sass/utilities/functions.sass";
@import "./node_modules/bulma/sass/utilities/initial-variables.sass";
// Override/configure the default color palette
$info: $primary-color;
/* 2. Set the derived variables */
@import "./yuzu_before_derived.scss";
@import "./node_modules/bulma/sass/utilities/derived-variables.sass";
@import "./yuzu_after_derived.scss";
/* 3. Misc customization of Bulma */
$body-background-color: $background;
$footer-background-color: $background;
// Changes the navbar height to match discourse.
$navbar-height: 64px;
$body-background-color: darken(white, 10%);
// Allows for larger icons with less padding
$navbar-item-img-max-height: 2.75rem;
$footer-background-color: $body-background-color;
/* 4. Import the rest of Bulma */
@import "./node_modules/bulma/bulma.sass";
@import "./shared.scss";
@import "./shared.scss";
@import "./yuzu.scss";

View file

@ -1,3 +0,0 @@
$dark-primary-color: #102027;
$light-primary-color: #62727b;
$primary-color: #37474f;

View file

@ -0,0 +1,2 @@
$background: darken($dark, 8);
$navbar-background-color: $dark;

View file

@ -0,0 +1 @@
$primary: #37474f;