partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

_splitter.scss (2832B)

      1 @mixin extjs-splitter {
      2     .#{$prefix}splitter {
      3         .#{$prefix}collapse-el {
      4             position: absolute;
      5 
      6             cursor: pointer;
      7 
      8             background-color: transparent;
      9             background-repeat: no-repeat !important;
     10         }
     11     }
     12 
     13     .#{$prefix}layout-split-left,
     14     .#{$prefix}layout-split-right {
     15         top: 50%;
     16 
     17         margin-top: -17px;
     18 
     19         width: 5px;
     20         height: 35px;
     21     }
     22 
     23     .#{$prefix}layout-split-top,
     24     .#{$prefix}layout-split-bottom {
     25         left: 50%;
     26 
     27         width: 35px;
     28         height: 5px;
     29 
     30         margin-left: -17px;
     31     }
     32 
     33     .#{$prefix}layout-split-left {
     34         background: no-repeat top right;
     35         background-image: theme-background-image($theme-name, 'util/splitter/mini-left.gif');
     36     }
     37 
     38     .#{$prefix}layout-split-right {
     39         background: no-repeat top left;
     40         background-image: theme-background-image($theme-name, 'util/splitter/mini-right.gif');
     41     }
     42 
     43     .#{$prefix}layout-split-top {
     44         background: no-repeat top left;
     45         background-image: theme-background-image($theme-name, 'util/splitter/mini-top.gif');
     46     }
     47 
     48     .#{$prefix}layout-split-bottom {
     49         background: no-repeat top left;
     50         background-image: theme-background-image($theme-name, 'util/splitter/mini-bottom.gif');
     51     }
     52 
     53     .#{$prefix}splitter-collapsed {
     54         .#{$prefix}layout-split-left {
     55             background: no-repeat top left;
     56             background-image: theme-background-image($theme-name, 'util/splitter/mini-right.gif');
     57         }
     58 
     59         .#{$prefix}layout-split-right {
     60             background: no-repeat top right;
     61             background-image: theme-background-image($theme-name, 'util/splitter/mini-left.gif');
     62         }
     63 
     64         .#{$prefix}layout-split-top {
     65             background: no-repeat top left;
     66             background-image: theme-background-image($theme-name, 'util/splitter/mini-bottom.gif');
     67         }
     68 
     69         .#{$prefix}layout-split-bottom {
     70             background: no-repeat top left;
     71             background-image: theme-background-image($theme-name, 'util/splitter/mini-top.gif');
     72         }
     73     }
     74 
     75     .#{$prefix}splitter-horizontal {
     76         cursor: e-resize;
     77         cursor: row-resize;
     78         font-size:1px;
     79     }
     80     .#{$prefix}splitter-vertical {
     81         cursor: e-resize;
     82         cursor: col-resize;
     83         font-size:1px;
     84     }
     85     .#{$prefix}splitter-collapsed {
     86         cursor: default;
     87     }
     88 
     89     .#{$prefix}splitter-active {
     90         z-index: 4;
     91         font-size:1px;
     92         background-color: rgb(180, 180, 180);
     93         @include opacity(0.8);
     94     }
     95     .#{$prefix}splitter-active {
     96         .#{$prefix}collapse-el {
     97             @include opacity(0.3);
     98         }
     99     }
    100 
    101     .#{$prefix}proxy-el {
    102         position: absolute;
    103         background: rgb(180, 180, 180);
    104         @include opacity(0.8);
    105     }
    106 }