Add action-button to CSS

This commit is contained in:
Wesley Moore 2019-06-01 09:34:09 +10:00
parent 71cd12f6a8
commit 69a72367b8
No known key found for this signature in database
GPG key ID: BF67766C0BC2D0EE

View file

@ -1,5 +1,6 @@
$ans-serif: Carlito, Calibri, sans-serif $ans-serif: Carlito, Calibri, sans-serif
$header-colour: #242424 $header-colour: #242424
$link-color: #36454F
body body
font-family: $ans-serif font-family: $ans-serif
@ -77,7 +78,7 @@ a
text-decoration: underline text-decoration: underline
&:link, &:visited &:link, &:visited
color: #36454F color: $link-color
h1 a h1 a
text-decoration: none text-decoration: none
@ -202,6 +203,27 @@ footer
.social-icon-wide .social-icon-wide
margin: 0 0.6em margin: 0 0.6em
.action-button
background-color: $link-color
border-radius: 0.25em
border: 2px solid $link-color
color: white
display: inline-block
font-size: 12px
font-weight: bold
margin: 0.75em 0
padding: 0.5em 1em
text-decoration: none
text-transform: uppercase
.action-button-ghost
background-color: initial
color: $link-color
.action-button-ghost:hover
background-color: $link-color
color: white
.home .home
h1 > a:first-child h1 > a:first-child
-webkit-transition: border-bottom-color 500ms ease-out -webkit-transition: border-bottom-color 500ms ease-out