extjs/modern/theme-base/sass/var/Component.scss

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