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

Updated scss and header for homepage.

Browse source
This commit is contained in:
Chris 2018-01-05 22:24:06 -05:00
parent 29d4bc844d
commit 7be1197bb4
4 changed files with 30 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
site/layouts/partials/header_homepage.html
View file

@ -9,17 +9,15 @@
<div class="container"> <div class="container">
<div class="columns"> <div class="columns">
<!-- Left panel --> <!-- Left panel -->
<div class="column is-5"> <div class="column is-centered-vertically is-5">
<div class="middle"> <h2 class="title">{{ .Site.Params.Tagline }}</h2>
<div> <div>
<h2 class="title">{{ .Site.Params.Tagline }}</h2> <a class="button is-medium is-light" href="{{ .Site.Params.GithubURL }}">
<a class="button is-medium is-light" href="{{ .Site.Params.GithubURL }}"> <span class="icon">
<span class="icon"> <i class="fab fa-github"></i>
<i class="fab fa-github"></i> </span>
</span> <span>Source Code</span>
<span>Source Code</span> </a>
</a>
</div>
</div> </div>
</div> </div>

21
src/scss/shared.scss
View file

@ -1,28 +1,17 @@
// Override/configure the default color palette
$info: $primary-color;
$navbar-height: 64px;
$body-background-color: darken(white, 10%);
// Allows for larger icons with less padding
$navbar-item-img-max-height: 2.75rem;
// Used to smoothly change background colors // Used to smoothly change background colors
#hero-navbar { #hero-navbar {
transition: background-color 0.2s ease; transition: background-color 0.2s ease;
} }
// Used to distinguish the hero navbar when the page has been scrolled // Used to distinguish the hero navbar when the page has been scrolled
.is-freestanding { .hero .navbar.is-freestanding {
background: $info !important; background: $info;
} }
// Used as helper // Used as helper
.middle { .columns .column.is-centered-vertically {
align-items: center; display: flex;
vertical-align: middle; flex-direction: column;
height: 100%;
display: flex !important;
justify-content: center; justify-content: center;
} }

14
src/scss/style.scss
View file

@ -1,3 +1,15 @@
@import "./yuzu.scss"; @import "./yuzu.scss";
@import "./shared.scss";
// Override/configure the default color palette
$info: $primary-color;
$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;
@import "./node_modules/bulma/bulma.sass"; @import "./node_modules/bulma/bulma.sass";
@import "./shared.scss";

2
src/scss/yuzu.scss
View file

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