amis/packages/amis-ui/scss/helper/typography/_letter-spacing.scss
2022-06-01 15:06:00 +08:00

44 lines
914 B
SCSS

/*!markdown
---
title: Letter Spacing
---
| Class | Properties |
| ----------- | ------------------------ |
| tracking-tighter | letter-spacing: -0.05em |
| tracking-tight | letter-spacing: -0.025em |
| tracking-normal | letter-spacing: 0em |
| tracking-wide | letter-spacing: 0.025 |
| tracking-wider | letter-spacing: 0.05em |
| tracking-widest | letter-spacing: 0.1em |
*/
@mixin make-letter-spacing($prefix: '.') {
@each $name,
$value
in (
'tighter': -0.05em,
'tight': -0.025em,
'normal': 0em,
'wide': 0.025,
'wider': 0.05em,
'widest': 0.1em
)
{
#{$prefix}tracking-#{$name} {
letter-spacing: $value;
}
}
}
@include make-letter-spacing();
@each $deivce in map-keys($devices) {
@include media-device($deivce) {
@include make-letter-spacing('.' + selector-escape($deivce + ':'));
}
}
// hover ?