52dc0b9c5c
Fixes #30 Fixes #35 Fixes #36 Fixes #38 Fixes #40 Fixes #43 Fixes #44 Fixes #46 Fixes #47 Fixes #49 Fixes #51 Fixes #53
33 lines
655 B
SCSS
33 lines
655 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;
|
|
}
|
|
}
|
|
|
|
@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;
|
|
}
|
|
}
|