You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
675 B
36 lines
675 B
%button {
|
|
border-radius: map-get($radius, basic);
|
|
&.limit{
|
|
width:200px;
|
|
}
|
|
}
|
|
|
|
//一般button
|
|
@mixin normalBtn($color, $bgColor, $bdColor) {
|
|
@extend %button;
|
|
@if $bdColor == none {
|
|
border: none;
|
|
} @else {
|
|
border: 1px solid $bdColor !important;
|
|
}
|
|
color: $color;
|
|
background-color: $bgColor;
|
|
&:hover{
|
|
color:#fff;
|
|
background-color: darken($bgColor, 10%);
|
|
}
|
|
}
|
|
|
|
//外框 button
|
|
@mixin outlineBtn($bdWidth, $color, $bgColor, $bdColor) {
|
|
@extend %button;
|
|
border: $bdWidth solid $bdColor;
|
|
color: $color;
|
|
background-color: $bgColor;
|
|
&:hover{
|
|
color:#fff;
|
|
background-color: $color;
|
|
}
|
|
}
|
|
|