35 lines
692 B
SCSS
35 lines
692 B
SCSS
|
@mixin biseau($size) {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
overflow: visible;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
content: " ";
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: -$size/2;
|
||
|
|
right: -$size/2;
|
||
|
|
bottom: 0;
|
||
|
|
z-index: -1;
|
||
|
|
transform: skewX(-15deg);
|
||
|
|
transition: background-color 0.3s;
|
||
|
|
border-radius: $card-radius;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin shape-style($size) {
|
||
|
|
@include borders();
|
||
|
|
@include border-radius($btn-radius);
|
||
|
|
@include biseau($size);
|
||
|
|
|
||
|
|
background-color:transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin colorize-shape($background-color) {
|
||
|
|
background-color: $background-color;
|
||
|
|
|
||
|
|
&:before {
|
||
|
|
background-color: $background-color;
|
||
|
|
}
|
||
|
|
}
|