68 lines
1.0 KiB
SCSS
68 lines
1.0 KiB
SCSS
@import './config.scss';
|
|
@import './function.scss';
|
|
@import '../theme.scss';
|
|
|
|
@mixin go($block) {
|
|
$B: $namespace + '-' + $block;
|
|
.#{$B} {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin deep() {
|
|
::v-deep *{
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin when($state) {
|
|
@at-root {
|
|
&.#{$state-prefix + $state} {
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin themeify {
|
|
@each $theme-name, $theme-map in $themes {
|
|
$theme-map: $theme-map !global;
|
|
[data-theme='#{$theme-name}'] & {
|
|
@content;
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin fetch-theme($param) {
|
|
@include themeify {
|
|
#{$param}: themed($param);
|
|
}
|
|
}
|
|
|
|
//获取背景颜色
|
|
@mixin filter-bg-color($target) {
|
|
@include themeify {
|
|
background-color: themed($target);
|
|
}
|
|
}
|
|
|
|
//获取背景渐变颜色
|
|
@mixin background-image($target) {
|
|
@include themeify {
|
|
background-image: themed($target);
|
|
}
|
|
}
|
|
|
|
//获取斑点渐变颜色
|
|
@mixin background-point($target) {
|
|
@include themeify {
|
|
background-image: themed($target);
|
|
}
|
|
}
|
|
|
|
//获取边框颜色
|
|
@mixin filter-border-color($target) {
|
|
@include themeify {
|
|
border-color: themed($target);
|
|
}
|
|
}
|