mirror of
https://github.com/wezm/wezm.net.git
synced 2024-12-18 18:29:54 +00:00
Add action-button to CSS
This commit is contained in:
parent
71cd12f6a8
commit
69a72367b8
1 changed files with 23 additions and 1 deletions
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue