yuzu-emu/yuzu-emu.github.io
1
0
Fork 0
mirror of https://github.com/yuzu-emu/yuzu-emu.github.io.git synced 2024-11-30 04:04:18 +01: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="columns">
<!-- Left panel -->
<div class="column is-5">
<div class="middle">
<div>
<h2 class="title">{{ .Site.Params.Tagline }}</h2>
<a class="button is-medium is-light" href="{{ .Site.Params.GithubURL }}">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Source Code</span>
</a>
</div>
<div class="column is-centered-vertically is-5">
<h2 class="title">{{ .Site.Params.Tagline }}</h2>
<div>
<a class="button is-medium is-light" href="{{ .Site.Params.GithubURL }}">
<span class="icon">
<i class="fab fa-github"></i>
</span>
<span>Source Code</span>
</a>
</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
#hero-navbar {
transition: background-color 0.2s ease;
}
// Used to distinguish the hero navbar when the page has been scrolled
.is-freestanding {
background: $info !important;
.hero .navbar.is-freestanding {
background: $info;
}
// Used as helper
.middle {
align-items: center;
vertical-align: middle;
height: 100%;
display: flex !important;
.columns .column.is-centered-vertically {
display: flex;
flex-direction: column;
justify-content: center;
}

14
src/scss/style.scss
View File

@ -1,3 +1,15 @@
@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 "./shared.scss";

2
src/scss/yuzu.scss
View File

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