Explain tags

This commit is contained in:
Jeremy Thomas
2017-07-29 15:31:19 +01:00
parent 0e2f716de5
commit 2bd66119f0
6 changed files with 332 additions and 9 deletions

View File

@@ -54,6 +54,32 @@ $tag-radius: $radius !default
&.is-large
font-size: $size-medium
// Modifiers
&.is-delete
margin-left: 1px
padding: 0
position: relative
width: 2em
&:before,
&:after
background-color: currentColor
content: ""
display: block
left: 50%
position: absolute
top: 50%
transform: translateX(-50%) translateY(-50%) rotate(45deg)
transform-origin: center center
&:before
height: 1px
width: 50%
&:after
height: 50%
width: 1px
&:hover,
&:focus
background-color: darken($tag-background-color, 5%)
&:active
background-color: darken($tag-background-color, 10%)
&.is-rounded
border-radius: 290486px