mirror of
https://github.com/yuzu-emu/yuzu-emu.github.io.git
synced 2025-06-10 07:35:01 +00:00
Tweaked certain sections of scss to improve load ordering.
This commit is contained in:
parent
78f668ae6e
commit
8a020a8bd6
|
@ -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" . }}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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";
|
|
@ -1,3 +0,0 @@
|
|||
$dark-primary-color: #102027;
|
||||
$light-primary-color: #62727b;
|
||||
$primary-color: #37474f;
|
2
src/scss/yuzu_after_derived.scss
Normal file
2
src/scss/yuzu_after_derived.scss
Normal file
|
@ -0,0 +1,2 @@
|
|||
$background: darken($dark, 8);
|
||||
$navbar-background-color: $dark;
|
1
src/scss/yuzu_before_derived.scss
Normal file
1
src/scss/yuzu_before_derived.scss
Normal file
|
@ -0,0 +1 @@
|
|||
$primary: #37474f;
|
Loading…
Reference in a new issue