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.
86 lines
1.5 KiB
86 lines
1.5 KiB
@mixin clearfix {
|
|
&:after {
|
|
content: '';
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
@mixin scrollBar {
|
|
&::-webkit-scrollbar-track-piece {
|
|
background: #d3dce6;
|
|
}
|
|
&::-webkit-scrollbar {
|
|
width: 6px;
|
|
}
|
|
&::-webkit-scrollbar-thumb {
|
|
background: #99a9bf;
|
|
border-radius: 20px;
|
|
}
|
|
}
|
|
|
|
@mixin border-1px($color: #464353, $radius: 0px) {
|
|
content: ' ';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 200%;
|
|
height: 200%;
|
|
border: 1px solid $color;
|
|
color: $color;
|
|
border-radius: $radius;
|
|
transform-origin: left top;
|
|
transform: scale(0.5);
|
|
}
|
|
|
|
@mixin border-1px-top($color: #464353) {
|
|
content: ' ';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
height: 1px;
|
|
border-top: 1px solid $color;
|
|
color: $color;
|
|
transform-origin: 0 0;
|
|
transform: scaleY(0.5);
|
|
}
|
|
|
|
@mixin border-1px-bottom($color: #464353) {
|
|
content: ' ';
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
height: 1px;
|
|
border-bottom: 1px solid $color;
|
|
color: $color;
|
|
transform-origin: 0 100%;
|
|
transform: scaleY(0.5);
|
|
}
|
|
|
|
@mixin border-1px-left($color: #464353) {
|
|
content: ' ';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
width: 1px;
|
|
bottom: 0;
|
|
border-left: 1px solid $color;
|
|
color: $color;
|
|
transform-origin: 0 0;
|
|
transform: scaleX(0.5);
|
|
}
|
|
|
|
@mixin border-1px-right($color: #464353) {
|
|
content: ' ';
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 1px;
|
|
bottom: 0;
|
|
border-right: 1px solid $color;
|
|
color: $color;
|
|
transform-origin: 100% 0;
|
|
transform: scaleX(0.5);
|
|
}
|