Feature/icon text (#3230)

* Init icon text, Remove old new-tag elements

* Improve icon text

* Fix icon text docs

* Update sidebar

* Update changelog
This commit is contained in:
Jeremy Thomas
2021-01-03 14:31:36 +00:00
committed by GitHub
parent 30af49b35f
commit b41514f85b
31 changed files with 290 additions and 55 deletions

View File

@@ -2,6 +2,7 @@ $icon-dimensions: 1.5rem !default
$icon-dimensions-small: 1rem !default
$icon-dimensions-medium: 2rem !default
$icon-dimensions-large: 3rem !default
$icon-text-spacing: 0.25em !default
.icon
align-items: center
@@ -19,3 +20,21 @@ $icon-dimensions-large: 3rem !default
&.is-large
height: $icon-dimensions-large
width: $icon-dimensions-large
.icon-text
align-items: flex-start
color: inherit
display: inline-flex
flex-wrap: wrap
line-height: $icon-dimensions
vertical-align: top
.icon
flex-grow: 0
flex-shrink: 0
&:not(:last-child)
margin-right: $icon-text-spacing
&:not(:first-child)
margin-left: $icon-text-spacing
div.icon-text
display: flex