| // |
| // Licensed under the Apache License, Version 2.0 (the "License"); |
| // you may not use this file except in compliance with the License. |
| // You may obtain a copy of the License at |
| // |
| // http://www.apache.org/licenses/LICENSE-2.0 |
| // |
| // Unless required by applicable law or agreed to in writing, software |
| // distributed under the License is distributed on an "AS IS" BASIS, |
| // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| // See the License for the specific language governing permissions and |
| // limitations under the License. |
| // |
| |
| @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; |
| } |
| } |