/
VIcon.sass
42 lines (35 loc) 路 909 Bytes
/
VIcon.sass
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
@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
&--disabled
pointer-events: none
opacity: $icon-disabled-opacity
@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