/** * @class Global_CSS * Global CSS variables and mixins. */ $touch-theme-base: true; /** * @var {string} * The font-family to use for font icons throughout the theme. * @private */$font-icon-font-family: dynamic(FontAwesome); //Required by charts $font-size: dynamic(15px);$font-weight: dynamic(normal);$font-family: dynamic('Helvetica'); $default-text-contrast: dynamic(85%); /** * @var {color} $base-color * The primary color variable from which most elements derive their color scheme. */$base-color: dynamic(#808080); /** * @var {string} $image-extension * default file extension to use for images (defaults to 'png'). */$image-extension: dynamic('png'); /** * Default search path for images */$image-search-path: '.' !default; /** * @var {boolean/string} $relative-image-path-for-uis * True to use a relative image path for all new UIs. If true, the path will be "../images/". * It can also be a string of the path value. * It defaults to false, which means it will look for the images in the ExtJS SDK folder. */$relative-image-path-for-uis: false !default; /** * @var {boolean} $include-not-found-images * True to include files which are not found when compiling your SASS */$include-missing-images: dynamic(true); /** * @var {string} * The base path relative to the CSS output directory to use for theme resources. For example * if the theme's images live one directory up from the generated CSS output in a directory * named 'foo/images/', you would need to set this variable to '../foo/' in order for the image * paths in the CSS output to be generated correctly. By default this is the same as the * CSS output directory. */$theme-resource-path: dynamic(''); /** * @var {number} $css-shadow-border-radius * The border radius for CSS shadows */$css-shadow-border-radius: dynamic(5px); /** * @var {boolean} * True to add font-smoothing styles to all components */$enable-font-smoothing: dynamic(true);