Tweaked layout. Added actionable heros.

This commit is contained in:
Chris 2018-01-13 21:57:24 -05:00
parent dffc3e9d60
commit f38091e10e
3 changed files with 7 additions and 6 deletions

View file

@ -6,7 +6,7 @@
<div class="container"> <div class="container">
<nav class="columns"> <nav class="columns">
<a class="column is-hero-action has-text-centered" href="https://www.google.com"> <a class="column has-text-centered" href="https://www.google.com">
<span class="icon is-large"> <span class="icon is-large">
<i class="fas fa-3x fa-code"></i> <i class="fas fa-3x fa-code"></i>
</span> </span>
@ -16,7 +16,7 @@
<p class="subtitle is-6">Build the yuzu source and make a contribution</p> <p class="subtitle is-6">Build the yuzu source and make a contribution</p>
</a> </a>
<a class="column is-hero-action has-text-centered" href="https://www.google.com"> <a class="column has-text-centered" href="https://www.google.com">
<span class="icon is-large"> <span class="icon is-large">
<i class="fas fa-3x fa-terminal"></i> <i class="fas fa-3x fa-terminal"></i>
</span> </span>
@ -26,7 +26,7 @@
<p class="subtitle is-6">Learn the Switch hardware and software stack</p> <p class="subtitle is-6">Learn the Switch hardware and software stack</p>
</a> </a>
<a class="column is-hero-action has-text-centered" href="https://www.google.com"> <a class="column has-text-centered" href="https://www.google.com">
<span class="icon is-large"> <span class="icon is-large">
<i class="fas fa-3x fa-gamepad"></i> <i class="fas fa-3x fa-gamepad"></i>
</span> </span>

@ -1 +1 @@
Subproject commit d085c0413edb617cc8cc2a970ec5ff5945dc1cdd Subproject commit 06d6e5aabe7e291abbad11e0670e353fab17414c

View file

@ -15,8 +15,9 @@
background: $navbar-background-color; background: $navbar-background-color;
} }
.is-hero-action:hover { // For call to action heros, we want to style them on hover.
text-shadow: 4px 4px 16px #fff; .hero.is-actionable:hover {
color: #969696;
} }
// https://github.com/jgthms/bulma/issues/935 // https://github.com/jgthms/bulma/issues/935