decred.org/dcrdex@v1.0.5/client/webserver/site/src/css/mixins.scss (about)

     1  @use 'sass:map';
     2  
     3  @mixin stylish-overflow {
     4    overflow: auto;
     5    scrollbar-width: thin;
     6    scrollbar-color: #7774 #7771;
     7  
     8    /* Works on Chrome/Edge/Safari */
     9    &::-webkit-scrollbar {
    10      width: 8px;
    11      height: 8px;
    12    }
    13  
    14    &::-webkit-scrollbar-track {
    15      background-color: var(--tertiary-bg);
    16    }
    17  
    18    &::-webkit-scrollbar-thumb {
    19      background-color: var(--tertiary-bg);
    20      border-radius: 4px;
    21    }
    22  }
    23  
    24  @mixin hidden-overflow {
    25    overflow: auto;
    26    scrollbar-width: none;  /* Firefox */
    27  
    28    &::-webkit-scrollbar {
    29      display: none;  /* Safari and Chrome */
    30    }
    31  }
    32  
    33  @mixin fill-abs {
    34    position: absolute;
    35    top: 0;
    36    bottom: 0;
    37    left: 0;
    38    right: 0;
    39  }
    40  
    41  @mixin border($width: 1px, $style: solid, $color: var(--border-color)) {
    42    border: $width $style $color;
    43  }
    44  
    45  @mixin border-top($width: 1px, $style: solid, $color: var(--border-color)) {
    46    border-top: $width $style $color;
    47  }
    48  
    49  @mixin border-bottom($width: 1px, $style: solid, $color: var(--border-color)) {
    50    border-bottom: $width $style $color;
    51  }
    52  
    53  @mixin border-left($width: 1px, $style: solid, $color: var(--border-color)) {
    54    border-left: $width $style $color;
    55  }
    56  
    57  @mixin border-right($width: 1px, $style: solid, $color: var(--border-color)) {
    58    border-right: $width $style $color;
    59  }
    60