This commit is contained in:
Jeremy Thomas
2016-06-29 23:59:48 +01:00
parent 02313b85eb
commit 91d04459db
22 changed files with 72 additions and 70 deletions

View File

@@ -2,7 +2,7 @@
@extend .unselectable
-moz-appearance: none
-webkit-appearance: none
background: rgba($black, 0.2)
background-color: rgba($black, 0.2)
border: none
border-radius: 290486px
cursor: pointer
@@ -13,7 +13,7 @@
width: 24px
&:before,
&:after
background: $white
background-color: $white
content: ""
display: block
height: 2px
@@ -28,7 +28,7 @@
&:after
transform: rotate(-45deg)
&:hover
background: rgba($black, 0.5)
background-color: rgba($black, 0.5)
// Sizes
&.is-small
height: 16px
@@ -60,7 +60,7 @@
position: relative
width: $nav-height
span
background: $text
background-color: $text
display: block
height: 1px
left: 50%
@@ -77,11 +77,11 @@
&:nth-child(3)
margin-top: 4px
&:hover
background: $background
background-color: $background
// Modifers
&.is-active
span
background: $link
background-color: $link
&:nth-child(1)
margin-left: -5px
transform: rotate(45deg)
@@ -124,7 +124,7 @@
width: 16px
.number
background: $background
background-color: $background
border-radius: 290486px
display: inline-block
font-size: $size-medium
@@ -132,7 +132,7 @@
.tag
align-items: center
background: $background
background-color: $background
border-radius: 290486px
color: $text
display: inline-flex
@@ -155,7 +155,7 @@
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}
background: $color
background-color: $color
color: $color-invert
// Sizes
&.is-small