mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-04 21:19:01 +08:00
38 lines
865 B
SCSS
38 lines
865 B
SCSS
@mixin make-opacity($prefix: '.', $suffix: '') {
|
|
@each $name,
|
|
$value
|
|
in (
|
|
'0': 0,
|
|
'5': 0.05,
|
|
'10': 0.1,
|
|
'20': 0.2,
|
|
'25': 0.25,
|
|
'30': 0.3,
|
|
'40': 0.4,
|
|
'50': 0.5,
|
|
'60': 0.6,
|
|
'70': 0.7,
|
|
'75': 0.75,
|
|
'80': 0.8,
|
|
'90': 0.9,
|
|
'95': 0.95,
|
|
'100': 1
|
|
)
|
|
{
|
|
#{$prefix}opacity#{suffixName($name)}#{$suffix} {
|
|
opacity: $value;
|
|
}
|
|
}
|
|
}
|
|
|
|
@include make-opacity();
|
|
@each $deivce in map-keys($devices) {
|
|
@include media-device($deivce) {
|
|
@include make-opacity('.' + selector-escape($deivce + ':'));
|
|
}
|
|
}
|
|
|
|
// @include border-radius('.' + selector-escape('hover:'), ':hover');
|
|
// @include border-radius('.' + selector-escape('active:'), '.is-active');
|
|
// @include border-radius('.group:hover .' + selector-escape('group-hover:'));
|