/ext-4.1.0_b3/resources/themes/stylesheets/ext4/default/util/_splitter.scss
Sass | 106 lines | 87 code | 19 blank | 0 comment | 0 complexity | ecb9bb8c3e8579f1c1101de9971f36a7 MD5 | raw file
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}