mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-15 18:01:24 +08:00
8583c70fdc
* feat(theme-chalk): use @use instead of @import & remove /**/ comment * refactor(theme-chalk): refactor scss with @use module * fix(docs): scss in docs toggle to '@use' * docs: add custom theme on demand * docs: add unplugin-element-plus
31 lines
667 B
SCSS
31 lines
667 B
SCSS
@use 'sass:map';
|
|
|
|
@use './vars' as *;
|
|
|
|
@mixin with-bg {
|
|
background-color: var(--bg-color);
|
|
color: var(--text-color-light);
|
|
transition: border-color var(--el-transition-duration),
|
|
background-color var(--el-transition-duration);
|
|
}
|
|
|
|
@mixin with-border {
|
|
border-bottom: 1px solid var(--border-color);
|
|
}
|
|
|
|
$breakpoints: (
|
|
'sm': #{$breakpoint-sm},
|
|
'md': #{$breakpoint-md},
|
|
'lg': #{$breakpoint-lg},
|
|
'xlg': #{$breakpoint-xlg},
|
|
'xxl': #{$breakpoint-xxl},
|
|
) !default;
|
|
|
|
@mixin respond-to($breakpoint) {
|
|
@if #{map.has-key($breakpoints, $breakpoints)} {
|
|
@media screen and (min-width: #{map.get($breakpoints, $breakpoint)}) {
|
|
@content;
|
|
}
|
|
}
|
|
}
|