50 lines
858 B
SCSS
50 lines
858 B
SCSS
@mixin mail-button(
|
|
$size,
|
|
$color-lines,
|
|
$color-bg
|
|
) {
|
|
|
|
$size-line: $size/15;
|
|
position: relative;
|
|
|
|
box-sizing: border-box;
|
|
width: $size;
|
|
height: $size;
|
|
|
|
border: solid $size-line $color-lines;
|
|
border-radius: $size;
|
|
|
|
background-color: $color-bg;
|
|
|
|
&:before {
|
|
content: '';
|
|
display: block;
|
|
|
|
position: absolute;
|
|
top:($size/3) - ($size-line*2);
|
|
left:($size/4) - ($size-line*2);
|
|
|
|
//box-sizing: border-box;
|
|
width: $size/2;
|
|
height: $size/3;
|
|
|
|
border:solid $size-line $color-lines;
|
|
}
|
|
&:after {
|
|
content: '';
|
|
display: block;
|
|
|
|
position: absolute;
|
|
top: $size*0.0976;
|
|
left:$size*0.2643;
|
|
|
|
box-sizing: border-box;
|
|
width: $size/3;
|
|
height: $size/3;
|
|
|
|
border-bottom:solid $size-line $color-lines;
|
|
border-right:solid $size-line $color-lines;
|
|
|
|
transform: rotate(45deg);
|
|
}
|
|
} |