64 lines
1.3 KiB
SCSS
64 lines
1.3 KiB
SCSS
// 公共前缀
|
|
@import '@/uni_modules/lime-style/index.scss';
|
|
@import './icon';
|
|
|
|
$use-css-var: true;
|
|
|
|
$prefix: l !default;
|
|
$icon: #{$prefix}-icon;
|
|
|
|
/* #ifdef APP-NVUE || UNI-APP-X && APP */
|
|
$icon-size: create-var(icon-size, 16px);
|
|
$icon-color: create-var(icon-color, $text-color-1);
|
|
/* #endif */
|
|
|
|
/* #ifndef APP-NVUE || UNI-APP-X && APP */
|
|
$icon-size: create-var(icon-size, 1em);
|
|
$icon-color: create-var(icon-color, currentColor);
|
|
:host {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
/* #endif */
|
|
|
|
|
|
.#{$icon} {
|
|
/* #ifndef APP-NVUE || UNI-APP-X && APP */
|
|
font-family: $prefix;
|
|
display: inline-flex;
|
|
position: relative;
|
|
/* #endif */
|
|
|
|
&--font {
|
|
font-family: $prefix;
|
|
text-align: center;
|
|
// font-size: $icon-size;
|
|
// color: $icon-color;
|
|
/* #ifndef APP-NVUE || UNI-APP-X && APP */
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
// -webkit-background-clip: text;
|
|
// background-clip: text;
|
|
/* #endif */
|
|
}
|
|
&--image {
|
|
width: $icon-size;
|
|
height: $icon-size;
|
|
// background: red;
|
|
/* #ifndef APP-NVUE || UNI-APP-X && APP */
|
|
display: block;
|
|
/* #endif */
|
|
/* #ifdef WEB */
|
|
position: relative;
|
|
// ::deep(img) {
|
|
// z-index: -1;
|
|
// }
|
|
/* #endif */
|
|
}
|
|
}
|