</div>
<div class="field">
<p class="control">
- <a class="button is-primary">Button</a>
+ <a class="button is-link">Button</a>
</p>
</div>
{% endcapture %}
{% include navbar.html id="Documentation" %}
</div>
-<section class="hero is-primary">
+<section class="hero is-link">
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
html.route-index
.title.is-2
position: relative
-
.title.is-2 a
- color: #242424
+ color: $text-strong
position: relative
-
.title.is-2 a:hover
- color: #00d1b2
-
+ color: $blue
.title.is-2 .icon.is-medium
left: -80px
opacity: 0.1
top: 10px
.fa
font-size: 56px
-
.hero .title.is-2 a
- color: white
-
+ color: $white
.hero .title.is-2 a:hover
- color: white
-
+ color: $white
.hero.is-primary a.column,
.hero.is-primary a.column:hover
- color: white
-
+ color: $white
.hero.is-primary a.column:hover .title strong
border-bottom: 1px solid
-
@media screen and (max-width: 979px)
.title.is-2 a
padding-left: 0
-
.title.is-2 .icon.is-medium
display: none
}
.button:focus, .button.is-focused {
- border-color: #00d1b2;
+ border-color: #3273dc;
color: #363636;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
- border-color: #00d1b2;
+ border-color: #3273dc;
}
.pagination-previous:active,
}
html.route-index .title.is-2 a {
- color: #242424;
+ color: #363636;
position: relative;
}
html.route-index .title.is-2 a:hover {
- color: #00d1b2;
+ color: #3273dc;
}
html.route-index .title.is-2 .icon.is-medium {
</p>
</div>
<p class="level-item">
- <a class="button is-primary">
+ <a class="button is-link">
New
</a>
</p>
$link-hover-border: $grey-light !default
$link-focus: $grey-darker !default
-$link-focus-border: $primary !default
+$link-focus-border: $blue !default
$link-active: $grey-darker !default
$link-active-border: $grey-dark !default