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.
66 lines
1.3 KiB
66 lines
1.3 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 relative { |
|
position: relative; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
@mixin pct($pct) { |
|
width: #{$pct}; |
|
position: relative; |
|
margin: 0 auto; |
|
} |
|
|
|
@mixin triangle($width, $height, $color, $direction) { |
|
$width: $width/2; |
|
$color-border-style: $height solid $color; |
|
$transparent-border-style: $width solid transparent; |
|
height: 0; |
|
width: 0; |
|
|
|
@if $direction==up { |
|
border-bottom: $color-border-style; |
|
border-left: $transparent-border-style; |
|
border-right: $transparent-border-style; |
|
} |
|
|
|
@else if $direction==right { |
|
border-left: $color-border-style; |
|
border-top: $transparent-border-style; |
|
border-bottom: $transparent-border-style; |
|
} |
|
|
|
@else if $direction==down { |
|
border-top: $color-border-style; |
|
border-left: $transparent-border-style; |
|
border-right: $transparent-border-style; |
|
} |
|
|
|
@else if $direction==left { |
|
border-right: $color-border-style; |
|
border-top: $transparent-border-style; |
|
border-bottom: $transparent-border-style; |
|
} |
|
}
|
|
|