]> git.proxmox.com Git - extjs.git/blame - extjs/modern/theme-base/sass/var/Component.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / modern / theme-base / sass / var / Component.scss
CommitLineData
6527f429
DM
1/**\r
2 * @class Global_CSS\r
3 * Global CSS variables and mixins.\r
4 */\r
5\r
6$touch-theme-base: true;\r
7\r
8/**\r
9 * @var {string}\r
10 * The font-family to use for font icons throughout the theme.\r
11 * @private\r
12 */\r
13$font-icon-font-family: dynamic(FontAwesome);\r
14\r
15//Required by charts\r
16$font-size: dynamic(15px);\r
17$font-weight: dynamic(normal);\r
18$font-family: dynamic('Helvetica');\r
19\r
20$default-text-contrast: dynamic(85%);\r
21\r
22/**\r
23 * @var {color} $base-color\r
24 * The primary color variable from which most elements derive their color scheme.\r
25 */\r
26$base-color: dynamic(#808080);\r
27\r
28/**\r
29 * @var {string} $image-extension\r
30 * default file extension to use for images (defaults to 'png').\r
31 */\r
32$image-extension: dynamic('png');\r
33\r
34/**\r
35 * Default search path for images\r
36 */\r
37$image-search-path: '.' !default;\r
38\r
39/**\r
40 * @var {boolean/string} $relative-image-path-for-uis\r
41 * True to use a relative image path for all new UIs. If true, the path will be "../images/".\r
42 * It can also be a string of the path value.\r
43 * It defaults to false, which means it will look for the images in the ExtJS SDK folder.\r
44 */\r
45$relative-image-path-for-uis: false !default;\r
46\r
47/**\r
48 * @var {boolean} $include-not-found-images\r
49 * True to include files which are not found when compiling your SASS\r
50 */\r
51$include-missing-images: dynamic(true);\r
52\r
53/**\r
54 * @var {string}\r
55 * The base path relative to the CSS output directory to use for theme resources. For example\r
56 * if the theme's images live one directory up from the generated CSS output in a directory\r
57 * named 'foo/images/', you would need to set this variable to '../foo/' in order for the image\r
58 * paths in the CSS output to be generated correctly. By default this is the same as the\r
59 * CSS output directory.\r
60 */\r
61$theme-resource-path: dynamic('');\r
62\r
63/**\r
64 * @var {number} $css-shadow-border-radius\r
65 * The border radius for CSS shadows\r
66 */\r
67$css-shadow-border-radius: dynamic(5px);\r
68\r
69/**\r
70 * @var {boolean}\r
71 * True to add font-smoothing styles to all components\r
72 */\r
73$enable-font-smoothing: dynamic(true);\r