39 lines
833 B
Sass
39 lines
833 B
Sass
@use 'sass:map'
|
|
@use '../../styles/settings'
|
|
@use './variables' as *
|
|
|
|
.v-icon
|
|
--v-icon-size-multiplier: 1
|
|
align-items: center
|
|
display: inline-flex
|
|
font-feature-settings: 'liga'
|
|
height: $icon-size
|
|
justify-content: center
|
|
letter-spacing: $icon-letter-spacing
|
|
line-height: $icon-line-height
|
|
position: relative
|
|
text-indent: $icon-text-indent
|
|
text-align: center
|
|
user-select: none
|
|
vertical-align: $icon-vertical-align
|
|
width: $icon-size
|
|
min-width: $icon-size
|
|
|
|
&--clickable
|
|
cursor: pointer
|
|
|
|
@each $name in settings.$sizes
|
|
&--size-#{$name}
|
|
font-size: calc(var(--v-icon-size-multiplier) * #{map.get($icon-sizes, $name)})
|
|
|
|
.v-icon__svg
|
|
fill: currentColor
|
|
width: 100%
|
|
height: 100%
|
|
|
|
.v-icon--start
|
|
margin-inline-end: $icon-margin-start
|
|
|
|
.v-icon--end
|
|
margin-inline-start: $icon-margin-end
|