[extjs.git] / extjs / classic / theme-neutral / sass / var / grid / header / Container.scss

/**\r
 * @class Ext.grid.header.Container\r
 */\r
\r
/**\r
 * @var {color}\r
 * The background-color of grid headers\r
 */\r
$grid-header-background-color: dynamic(#ddd);\r
\r
/**\r
 * @var {string/list}\r
 * The background-gradient of grid headers.  Can be either the name of a predefined gradient\r
 * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.\r
 */\r
$grid-header-background-gradient: dynamic('grid-header');\r
\r
/**\r
 * @var {color}\r
 * The border-color of grid headers\r
 */\r
$grid-header-border-color: dynamic(#333);\r
\r
/**\r
 * @var {number}\r
 * The border-width of grid headers\r
 */\r
$grid-header-border-width: dynamic(1px);\r
\r
/**\r
 * @var {string}\r
 * The border-style of grid headers\r
 */\r
$grid-header-border-style: dynamic(solid);\r
\r
/**\r
 * @var {color}\r
 * The background-color of grid headers when the cursor is over the header\r
 */\r
$grid-header-over-background-color: dynamic(#eee);\r
\r
/**\r
 * @var {string/list}\r
 * The background-gradient of grid headers when the cursor is over the header.  Can be\r
 * either the name of a predefined gradient or a list of color stops. Used as the `$type`\r
 * parameter for {@link Global_CSS#background-gradient}.\r
 */\r
$grid-header-over-background-gradient: dynamic('grid-header-over');\r
\r
/**\r
 * @var {color}\r
 * The background-color of grid headers when sorted\r
 */\r
$grid-header-sorted-background-color: dynamic($grid-header-over-background-color);\r
\r
/**\r
 * @var {string/list}\r
 * The background-gradient of grid headers when sorted.  Can be either the name of a\r
 * predefined gradient or a list of color stops. Used as the `$type`\r
 * parameter for {@link Global_CSS#background-gradient}.\r
 */\r
$grid-header-sorted-background-gradient: dynamic($grid-header-over-background-gradient);\r
\r
/**\r
 * @var {color}\r
 * The background-color of a grid header when its menu is open\r
 */\r
$grid-header-open-background-color: dynamic(transparent);\r
\r
/**\r
 * @var {number/list}\r
 * The padding to apply to grid headers\r
 */\r
$grid-header-padding: dynamic(5px);\r
\r
/**\r
 * @var {number}\r
 * The height of grid header triggers\r
 */\r
$grid-header-trigger-height: dynamic(22px);\r
\r
/**\r
 * @var {number}\r
 * The width of grid header triggers\r
 */\r
$grid-header-trigger-width: dynamic(14px);\r
\r
/**\r
 * @var {string}\r
 * The background-image of grid header triggers\r
 */\r
$grid-header-trigger-background-image: dynamic('grid/hd-pop');\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header trigger icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-trigger-glyph-font-size: dynamic(16px);\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header trigger icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-trigger-glyph: dynamic($fa-var-caret-down $grid-header-trigger-glyph-font-size $font-icon-font-family);\r
\r
/**\r
 * @var {color}\r
 * The color to use for the grid header trigger icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-trigger-glyph-color: dynamic($color);\r
\r
/**\r
 * @var {number}\r
 * The width of the grid header sort icon\r
 */\r
$grid-header-sort-icon-width: dynamic(9px);\r
\r
/**\r
 * @var {string}\r
 * The type of cursor to display when the cursor is over a grid header trigger\r
 */\r
$grid-header-trigger-cursor: dynamic(pointer);\r
\r
/**\r
 * @var {number}\r
 * The amount of space between the header trigger and text\r
 */\r
$grid-header-trigger-spacing: dynamic(1px);\r
\r
/**\r
 * @var {list}\r
 * The background-position of the header trigger\r
 */\r
$grid-header-trigger-background-position: dynamic(0 center);\r
\r
/**\r
 * @var {color}\r
 * The background-color of the header trigger\r
 */\r
$grid-header-trigger-background-color: dynamic(transparent);\r
\r
/**\r
 * @var {color}\r
 * The background-color of the header trigger when the menu is open\r
 */\r
$grid-header-trigger-background-color-open: dynamic(transparent);\r
\r
/**\r
 * @var {number}\r
 * The space between the grid header sort icon and the grid header text\r
 */\r
$grid-header-sort-icon-spacing: dynamic(3px);\r
\r
// private\r
$grid-header-sort-icon-position: dynamic(right center);\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header sort icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-sort-glyph-font-size: dynamic(14px);\r
\r
/**\r
 * @var {color}\r
 * The color to use for the grid header sort icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-sort-glyph-color: dynamic($color);\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header "sort ascending" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-sort-asc-glyph: dynamic($fa-var-long-arrow-up $grid-header-sort-glyph-font-size $font-icon-font-family);\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header "sort descending" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-sort-desc-glyph: dynamic($fa-var-long-arrow-down $grid-header-sort-glyph-font-size $font-icon-font-family);\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header menu icons when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-menu-glyph-font-size: dynamic(16px);\r
\r
/**\r
 * @var {color}\r
 * The color to use for the grid header menu icons when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-menu-glyph-color: dynamic($menu-glyph-color);\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header menu "sort ascending" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-menu-sort-asc-glyph: dynamic($ext-var-sort-up $grid-header-menu-glyph-font-size ExtJS);\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header menu "sort descending" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-menu-sort-desc-glyph: dynamic($ext-var-sort-down $grid-header-menu-glyph-font-size ExtJS);\r
\r
/**\r
 * @var {string/list}\r
 * Glyph for the grid header menu "columns" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
 */\r
$grid-header-menu-columns-glyph: dynamic($ext-var-columns $grid-header-menu-glyph-font-size ExtJS);\r
Commit	Line	Data
6527f429 DM	1	/**\r
	2	* @class Ext.grid.header.Container\r
	3	*/\r
	4	\r
	5	/**\r
	6	* @var {color}\r
	7	* The background-color of grid headers\r
	8	*/\r
	9	$grid-header-background-color: dynamic(#ddd);\r
	10	\r
	11	/**\r
	12	* @var {string/list}\r
	13	* The background-gradient of grid headers. Can be either the name of a predefined gradient\r
	14	* or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}.\r
	15	*/\r
	16	$grid-header-background-gradient: dynamic('grid-header');\r
	17	\r
	18	/**\r
	19	* @var {color}\r
	20	* The border-color of grid headers\r
	21	*/\r
	22	$grid-header-border-color: dynamic(#333);\r
	23	\r
	24	/**\r
	25	* @var {number}\r
	26	* The border-width of grid headers\r
	27	*/\r
	28	$grid-header-border-width: dynamic(1px);\r
	29	\r
	30	/**\r
	31	* @var {string}\r
	32	* The border-style of grid headers\r
	33	*/\r
	34	$grid-header-border-style: dynamic(solid);\r
	35	\r
	36	/**\r
	37	* @var {color}\r
	38	* The background-color of grid headers when the cursor is over the header\r
	39	*/\r
	40	$grid-header-over-background-color: dynamic(#eee);\r
	41	\r
	42	/**\r
	43	* @var {string/list}\r
	44	* The background-gradient of grid headers when the cursor is over the header. Can be\r
	45	* either the name of a predefined gradient or a list of color stops. Used as the `$type`\r
	46	* parameter for {@link Global_CSS#background-gradient}.\r
	47	*/\r
	48	$grid-header-over-background-gradient: dynamic('grid-header-over');\r
	49	\r
	50	/**\r
	51	* @var {color}\r
	52	* The background-color of grid headers when sorted\r
	53	*/\r
	54	$grid-header-sorted-background-color: dynamic($grid-header-over-background-color);\r
	55	\r
	56	/**\r
	57	* @var {string/list}\r
	58	* The background-gradient of grid headers when sorted. Can be either the name of a\r
	59	* predefined gradient or a list of color stops. Used as the `$type`\r
	60	* parameter for {@link Global_CSS#background-gradient}.\r
	61	*/\r
	62	$grid-header-sorted-background-gradient: dynamic($grid-header-over-background-gradient);\r
	63	\r
	64	/**\r
65	* @var {color}\r
66	* The background-color of a grid header when its menu is open\r
67	*/\r
68	$grid-header-open-background-color: dynamic(transparent);\r
69	\r
70	/**\r
71	* @var {number/list}\r
72	* The padding to apply to grid headers\r
73	*/\r
74	$grid-header-padding: dynamic(5px);\r
75	\r
76	/**\r
77	* @var {number}\r
78	* The height of grid header triggers\r
79	*/\r
80	$grid-header-trigger-height: dynamic(22px);\r
81	\r
82	/**\r
83	* @var {number}\r
84	* The width of grid header triggers\r
85	*/\r
86	$grid-header-trigger-width: dynamic(14px);\r
87	\r
88	/**\r
89	* @var {string}\r
90	* The background-image of grid header triggers\r
91	*/\r
92	$grid-header-trigger-background-image: dynamic('grid/hd-pop');\r
93	\r
94	/**\r
95	* @var {string/list}\r
96	* Glyph for the grid header trigger icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
97	*/\r
98	$grid-header-trigger-glyph-font-size: dynamic(16px);\r
99	\r
100	/**\r
101	* @var {string/list}\r
102	* Glyph for the grid header trigger icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
103	*/\r
104	$grid-header-trigger-glyph: dynamic($fa-var-caret-down $grid-header-trigger-glyph-font-size $font-icon-font-family);\r
105	\r
106	/**\r
107	* @var {color}\r
108	* The color to use for the grid header trigger icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
109	*/\r
110	$grid-header-trigger-glyph-color: dynamic($color);\r
111	\r
112	/**\r
113	* @var {number}\r
114	* The width of the grid header sort icon\r
115	*/\r
116	$grid-header-sort-icon-width: dynamic(9px);\r
117	\r
118	/**\r
119	* @var {string}\r
120	* The type of cursor to display when the cursor is over a grid header trigger\r
121	*/\r
122	$grid-header-trigger-cursor: dynamic(pointer);\r
123	\r
124	/**\r
125	* @var {number}\r
126	* The amount of space between the header trigger and text\r
127	*/\r
128	$grid-header-trigger-spacing: dynamic(1px);\r
129	\r
130	/**\r
131	* @var {list}\r
132	* The background-position of the header trigger\r
133	*/\r
134	$grid-header-trigger-background-position: dynamic(0 center);\r
135	\r
136	/**\r
137	* @var {color}\r
138	* The background-color of the header trigger\r
139	*/\r
140	$grid-header-trigger-background-color: dynamic(transparent);\r
141	\r
142	/**\r
143	* @var {color}\r
144	* The background-color of the header trigger when the menu is open\r
145	*/\r
146	$grid-header-trigger-background-color-open: dynamic(transparent);\r
147	\r
148	/**\r
149	* @var {number}\r
150	* The space between the grid header sort icon and the grid header text\r
151	*/\r
152	$grid-header-sort-icon-spacing: dynamic(3px);\r
153	\r
154	// private\r
155	$grid-header-sort-icon-position: dynamic(right center);\r
156	\r
157	/**\r
158	* @var {string/list}\r
159	* Glyph for the grid header sort icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
160	*/\r
161	$grid-header-sort-glyph-font-size: dynamic(14px);\r
162	\r
163	/**\r
164	* @var {color}\r
165	* The color to use for the grid header sort icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
166	*/\r
167	$grid-header-sort-glyph-color: dynamic($color);\r
168	\r
169	/**\r
170	* @var {string/list}\r
171	* Glyph for the grid header "sort ascending" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
172	*/\r
173	$grid-header-sort-asc-glyph: dynamic($fa-var-long-arrow-up $grid-header-sort-glyph-font-size $font-icon-font-family);\r
174	\r
175	/**\r
176	* @var {string/list}\r
177	* Glyph for the grid header "sort descending" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
178	*/\r
179	$grid-header-sort-desc-glyph: dynamic($fa-var-long-arrow-down $grid-header-sort-glyph-font-size $font-icon-font-family);\r
180	\r
181	/**\r
182	* @var {string/list}\r
183	* Glyph for the grid header menu icons when {@link Global_CSS#$enable-font-icons} is `true`.\r
184	*/\r
185	$grid-header-menu-glyph-font-size: dynamic(16px);\r
186	\r
187	/**\r
188	* @var {color}\r
189	* The color to use for the grid header menu icons when {@link Global_CSS#$enable-font-icons} is `true`.\r
190	*/\r
191	$grid-header-menu-glyph-color: dynamic($menu-glyph-color);\r
192	\r
193	/**\r
194	* @var {string/list}\r
195	* Glyph for the grid header menu "sort ascending" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
196	*/\r
197	$grid-header-menu-sort-asc-glyph: dynamic($ext-var-sort-up $grid-header-menu-glyph-font-size ExtJS);\r
198	\r
199	/**\r
200	* @var {string/list}\r
201	* Glyph for the grid header menu "sort descending" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
202	*/\r
203	$grid-header-menu-sort-desc-glyph: dynamic($ext-var-sort-down $grid-header-menu-glyph-font-size ExtJS);\r
204	\r
205	/**\r
206	* @var {string/list}\r
207	* Glyph for the grid header menu "columns" icon when {@link Global_CSS#$enable-font-icons} is `true`.\r
208	*/\r
209	$grid-header-menu-columns-glyph: dynamic($ext-var-columns $grid-header-menu-glyph-font-size ExtJS);\r