Use blue color

This commit is contained in:
Jeremy Thomas
2017-10-08 16:16:05 +01:00
parent 3514487481
commit b81a267535
6 changed files with 13 additions and 22 deletions

View File

@@ -41,7 +41,7 @@
</div> </div>
<div class="field"> <div class="field">
<p class="control"> <p class="control">
<a class="button is-primary">Button</a> <a class="button is-link">Button</a>
</p> </p>
</div> </div>
{% endcapture %} {% endcapture %}

View File

@@ -7,7 +7,7 @@ route: documentation
{% include navbar.html id="Documentation" %} {% include navbar.html id="Documentation" %}
</div> </div>
<section class="hero is-primary"> <section class="hero is-link">
<div class="hero-body"> <div class="hero-body">
<div class="container"> <div class="container">
<div class="columns is-vcentered"> <div class="columns is-vcentered">

View File

@@ -1,14 +1,11 @@
html.route-index html.route-index
.title.is-2 .title.is-2
position: relative position: relative
.title.is-2 a .title.is-2 a
color: #242424 color: $text-strong
position: relative position: relative
.title.is-2 a:hover .title.is-2 a:hover
color: #00d1b2 color: $blue
.title.is-2 .icon.is-medium .title.is-2 .icon.is-medium
left: -80px left: -80px
opacity: 0.1 opacity: 0.1
@@ -16,23 +13,17 @@ html.route-index
top: 10px top: 10px
.fa .fa
font-size: 56px font-size: 56px
.hero .title.is-2 a .hero .title.is-2 a
color: white color: $white
.hero .title.is-2 a:hover .hero .title.is-2 a:hover
color: white color: $white
.hero.is-primary a.column, .hero.is-primary a.column,
.hero.is-primary a.column:hover .hero.is-primary a.column:hover
color: white color: $white
.hero.is-primary a.column:hover .title strong .hero.is-primary a.column:hover .title strong
border-bottom: 1px solid border-bottom: 1px solid
@media screen and (max-width: 979px) @media screen and (max-width: 979px)
.title.is-2 a .title.is-2 a
padding-left: 0 padding-left: 0
.title.is-2 .icon.is-medium .title.is-2 .icon.is-medium
display: none display: none

View File

@@ -1329,7 +1329,7 @@ a.box:active {
} }
.button:focus, .button.is-focused { .button:focus, .button.is-focused {
border-color: #00d1b2; border-color: #3273dc;
color: #363636; color: #363636;
} }
@@ -7473,7 +7473,7 @@ a.navbar-item:hover, a.navbar-item.is-active,
.pagination-previous:focus, .pagination-previous:focus,
.pagination-next:focus, .pagination-next:focus,
.pagination-link:focus { .pagination-link:focus {
border-color: #00d1b2; border-color: #3273dc;
} }
.pagination-previous:active, .pagination-previous:active,
@@ -12246,12 +12246,12 @@ html.route-index .title.is-2 {
} }
html.route-index .title.is-2 a { html.route-index .title.is-2 a {
color: #242424; color: #363636;
position: relative; position: relative;
} }
html.route-index .title.is-2 a:hover { html.route-index .title.is-2 a:hover {
color: #00d1b2; color: #3273dc;
} }
html.route-index .title.is-2 .icon.is-medium { html.route-index .title.is-2 .icon.is-medium {

View File

@@ -304,7 +304,7 @@ route: index
</p> </p>
</div> </div>
<p class="level-item"> <p class="level-item">
<a class="button is-primary"> <a class="button is-link">
New New
</a> </a>
</p> </p>

View File

@@ -59,7 +59,7 @@ $link-hover: $grey-darker !default
$link-hover-border: $grey-light !default $link-hover-border: $grey-light !default
$link-focus: $grey-darker !default $link-focus: $grey-darker !default
$link-focus-border: $primary !default $link-focus-border: $blue !default
$link-active: $grey-darker !default $link-active: $grey-darker !default
$link-active-border: $grey-dark !default $link-active-border: $grey-dark !default