19 lines
463 B
SCSS
19 lines
463 B
SCSS
|
@use '../variables' as v;
|
||
|
|
@use '../mixins' as m;
|
||
|
|
|
||
|
|
// 按钮样式
|
||
|
|
.btn {
|
||
|
|
padding: map-get(v.$spacing, 'sm') map-get(v.$spacing, 'md');
|
||
|
|
border-radius: map-get(v.$border-radius, 'base');
|
||
|
|
font-size: map-get(v.$font-size, 'base');
|
||
|
|
|
||
|
|
&-primary {
|
||
|
|
background-color: map-get(v.$colors, 'primary');
|
||
|
|
color: map-get(v.$colors, 'white');
|
||
|
|
}
|
||
|
|
|
||
|
|
&-success {
|
||
|
|
background-color: map-get(v.$colors, 'success');
|
||
|
|
color: map-get(v.$colors, 'white');
|
||
|
|
}
|
||
|
|
}
|