mirror of
				https://github.com/JKorf/CryptoExchange.Net
				synced 2025-10-30 18:07:42 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			63 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			63 lines
		
	
	
		
			1.4 KiB
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| @mixin caret-down() {
 | |
|   border-top: $caret-width solid;
 | |
|   border-right: $caret-width solid transparent;
 | |
|   border-bottom: 0;
 | |
|   border-left: $caret-width solid transparent;
 | |
| }
 | |
| 
 | |
| @mixin caret-up() {
 | |
|   border-top: 0;
 | |
|   border-right: $caret-width solid transparent;
 | |
|   border-bottom: $caret-width solid;
 | |
|   border-left: $caret-width solid transparent;
 | |
| }
 | |
| 
 | |
| @mixin caret-right() {
 | |
|   border-top: $caret-width solid transparent;
 | |
|   border-right: 0;
 | |
|   border-bottom: $caret-width solid transparent;
 | |
|   border-left: $caret-width solid;
 | |
| }
 | |
| 
 | |
| @mixin caret-left() {
 | |
|   border-top: $caret-width solid transparent;
 | |
|   border-right: $caret-width solid;
 | |
|   border-bottom: $caret-width solid transparent;
 | |
| }
 | |
| 
 | |
| @mixin caret($direction: down) {
 | |
|   @if $enable-caret {
 | |
|     &::after {
 | |
|       display: inline-block;
 | |
|       margin-left: $caret-spacing;
 | |
|       vertical-align: $caret-vertical-align;
 | |
|       content: "";
 | |
|       @if $direction == down {
 | |
|         @include caret-down();
 | |
|       } @else if $direction == up {
 | |
|         @include caret-up();
 | |
|       } @else if $direction == right {
 | |
|         @include caret-right();
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     @if $direction == left {
 | |
|       &::after {
 | |
|         display: none;
 | |
|       }
 | |
| 
 | |
|       &::before {
 | |
|         display: inline-block;
 | |
|         margin-right: $caret-spacing;
 | |
|         vertical-align: $caret-vertical-align;
 | |
|         content: "";
 | |
|         @include caret-left();
 | |
|       }
 | |
|     }
 | |
| 
 | |
|     &:empty::after {
 | |
|       margin-left: 0;
 | |
|     }
 | |
|   }
 | |
| }
 |