projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | /**\r |
| 2 | * @class Ext.resizer.Splitter\r | |
| 3 | */\r | |
| 4 | \r | |
| 5 | /**\r | |
| 6 | * @var {number}\r | |
| 7 | * The size of the Splitter\r | |
| 8 | */\r | |
| 9 | $splitter-size: dynamic(5px);\r | |
| 10 | \r | |
| 11 | /**\r | |
| 12 | * @var {color}\r | |
| 13 | * The background-color of the active Splitter (the Splitter currently being dragged)\r | |
| 14 | */\r | |
| 15 | $splitter-active-background-color: dynamic(#b4b4b4);\r | |
| 16 | \r | |
| 17 | /**\r | |
| 18 | * @var {number}\r | |
| 19 | * The opacity of the active Splitter (the Splitter currently being dragged)\r | |
| 20 | */\r | |
| 21 | $splitter-active-opacity: dynamic(.8);\r | |
| 22 | \r | |
| 23 | /**\r | |
| 24 | * @var {number}\r | |
| 25 | * The opacity of the collapse tool on the active Splitter (the Splitter currently being dragged)\r | |
| 26 | */\r | |
| 27 | $splitter-active-collapse-tool-opacity: dynamic(.3);\r | |
| 28 | \r | |
| 29 | /**\r | |
| 30 | * @var {color}\r | |
| 31 | * The color of the outline around the splitter when it is focused\r | |
| 32 | */\r | |
| 33 | $splitter-focus-outline-color: dynamic($base-color);\r | |
| 34 | \r | |
| 35 | /**\r | |
| 36 | * @var {string}\r | |
| 37 | * The outline-style of the splitter when it is focused\r | |
| 38 | */\r | |
| 39 | $splitter-focus-outline-style: dynamic(solid);\r | |
| 40 | \r | |
| 41 | /**\r | |
| 42 | * @var {number}\r | |
| 43 | * The outline-width of the splitter when it is focused\r | |
| 44 | */\r | |
| 45 | $splitter-focus-outline-width: dynamic(1px);\r | |
| 46 | \r | |
| 47 | /**\r | |
| 48 | * @var {number}\r | |
| 49 | * The outline-offset of the splitter when it is focused\r | |
| 50 | */\r | |
| 51 | $splitter-focus-outline-offset: dynamic(-$splitter-focus-outline-width);\r | |
| 52 | \r | |
| 53 | /**\r | |
| 54 | * @var {string}\r | |
| 55 | * The the type of cursor to display when the cursor is over the collapse tool\r | |
| 56 | */\r | |
| 57 | $collapse-tool-cursor: dynamic(pointer);\r | |
| 58 | \r | |
| 59 | /**\r | |
| 60 | * @var {number}\r | |
| 61 | * The size of the collapse tool. This becomes the width of the collapse tool for\r | |
| 62 | * horizontal splitters, and the height for vertical splitters.\r | |
| 63 | */\r | |
| 64 | $collapse-tool-size: dynamic(35px);\r | |
| 65 | \r | |
| 66 | /**\r | |
| 67 | * @var {number}\r | |
| 68 | * The opacity of the collapse tool.\r | |
| 69 | */\r | |
| 70 | $collapse-tool-opacity: dynamic(1);\r | |
| 71 | \r | |
| 72 | /**\r | |
| 73 | * @var {string/list}\r | |
| 74 | * The border-color of the collapse tool.\r | |
| 75 | */\r | |
| 76 | $splitter-collapse-tool-border-color: dynamic(#fff);\r | |
| 77 | \r | |
| 78 | /**\r | |
| 79 | * @var {string/list}\r | |
| 80 | * The background-color of the collapse tool.\r | |
| 81 | */\r | |
| 82 | $splitter-collapse-tool-background-color: dynamic(transparent);\r | |
| 83 | \r | |
| 84 | /**\r | |
| 85 | * @var {number}\r | |
| 86 | * The border-width of the collapse tool.\r | |
| 87 | */\r | |
| 88 | $splitter-collapse-tool-border-width: dynamic(0);\r | |
| 89 | \r | |
| 90 | /**\r | |
| 91 | * @var {number}\r | |
| 92 | * The border-style of the collapse tool.\r | |
| 93 | */\r | |
| 94 | $splitter-collapse-tool-border-style: dynamic(solid);\r | |
| 95 | \r | |
| 96 | /**\r | |
| 97 | * @var {color}\r | |
| 98 | * The color to use for the collapse tool when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 99 | */\r | |
| 100 | $splitter-collapse-tool-glyph-color: dynamic($neutral-color);\r | |
| 101 | \r | |
| 102 | /**\r | |
| 103 | * @var {number}\r | |
| 104 | * The font size to use the collapse tool when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 105 | */\r | |
| 106 | $splitter-collapse-tool-glyph-font-size: dynamic(16px);\r | |
| 107 | \r | |
| 108 | /**\r | |
| 109 | * @var {string/list}\r | |
| 110 | * Glyph for the "top" collapse tool when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 111 | */\r | |
| 112 | $splitter-collapse-tool-top-glyph: dynamic($fa-var-caret-up $splitter-collapse-tool-glyph-font-size $font-icon-font-family);\r | |
| 113 | \r | |
| 114 | /**\r | |
| 115 | * @var {string/list}\r | |
| 116 | * Glyph for the "right" collapse tool when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 117 | */\r | |
| 118 | $splitter-collapse-tool-right-glyph: dynamic($fa-var-caret-right $splitter-collapse-tool-glyph-font-size $font-icon-font-family);\r | |
| 119 | \r | |
| 120 | /**\r | |
| 121 | * @var {string/list}\r | |
| 122 | * Glyph for the "bottom" collapse tool when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 123 | */\r | |
| 124 | $splitter-collapse-tool-bottom-glyph: dynamic($fa-var-caret-down $splitter-collapse-tool-glyph-font-size $font-icon-font-family);\r | |
| 125 | \r | |
| 126 | /**\r | |
| 127 | * @var {string/list}\r | |
| 128 | * Glyph for the "left" collapse tool when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 129 | */\r | |
| 130 | $splitter-collapse-tool-left-glyph: dynamic($fa-var-caret-left $splitter-collapse-tool-glyph-font-size $font-icon-font-family);\r | |
| 131 | \r | |
| 132 | /**\r | |
| 133 | * @var {number/list}\r | |
| 134 | * The padding of the "top" collapse tool's glyph element when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 135 | * Use to achieve precise alignment of the collapse tool.\r | |
| 136 | */\r | |
| 137 | $splitter-collapse-tool-top-glyph-padding: dynamic(0);\r | |
| 138 | \r | |
| 139 | /**\r | |
| 140 | * @var {number/list}\r | |
| 141 | * The padding of the "right" collapse tool's glyph element when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 142 | * Use to achieve precise alignment of the collapse tool.\r | |
| 143 | */\r | |
| 144 | $splitter-collapse-tool-right-glyph-padding: dynamic(0);\r | |
| 145 | \r | |
| 146 | /**\r | |
| 147 | * @var {number/list}\r | |
| 148 | * The padding of the "bottom" collapse tool's glyph element when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 149 | * Use to achieve precise alignment of the collapse tool.\r | |
| 150 | */\r | |
| 151 | $splitter-collapse-tool-bottom-glyph-padding: dynamic(0);\r | |
| 152 | \r | |
| 153 | /**\r | |
| 154 | * @var {number/list}\r | |
| 155 | * The padding of the "left" collapse tool's glyph element when {@link Global_CSS#$enable-font-icons} is `true`.\r | |
| 156 | * Use to achieve precise alignment of the collapse tool.\r | |
| 157 | */\r | |
| 158 | $splitter-collapse-tool-left-glyph-padding: dynamic(0);\r |