yuzu/yuzu-emu.github.io
1
0
Fork 0
mirror of https://github.com/yuzu-emu/yuzu-emu.github.io.git synced 2025-06-30 14:50:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tweaked certain sections of scss to improve load ordering.

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

2
site/layouts/partials/header_homepage.html
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" . }}

3
src/scss/shared.scss
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

22
src/scss/style.scss
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";

3
src/scss/yuzu.scss
View file

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

2
src/scss/yuzu_after_derived.scss Normal file
View file

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

1
src/scss/yuzu_before_derived.scss Normal file
View file

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