extjs/classic/theme-neutral/sass/var/Component.scss

   1 /**
   2  * @class Global_CSS
   3  */
   4
   5 /**
   6  * @var {color} $color
   7  * The default text color to be used throughout the theme.
   8  */
   9 $color: dynamic(#000);
  10
  11 /**
  12  * @var {string} $font-family
  13  * The default font-family to be used throughout the theme.
  14  */
  15 $font-family: dynamic(helvetica, arial, verdana, sans-serif);
  16
  17 /**
  18  * @var {number} $font-size
  19  * The default font-size to be used throughout the theme.
  20  */
  21 $font-size: dynamic(13px);
  22
  23 /**
  24  * @var {string/number}
  25  * The default font-weight to be used throughout the theme.
  26  */
  27 $font-weight: dynamic(normal);
  28
  29 /**
  30  * @var {string/number}
  31  * The default font-weight for bold font to be used throughout the theme.
  32  */
  33 $font-weight-bold: dynamic(bold);
  34
  35 /**
  36  * @var {string/number} $line-height
  37  * The default line-height to be used throughout the theme.
  38  */
  39 $line-height: dynamic(normal);
  40
  41 /**
  42  * @var {string} $base-gradient
  43  * The base gradient to be used throughout the theme.
  44  */
  45 $base-gradient: dynamic('matte');
  46
  47 /**
  48  * @var {color} $base-color
  49  * The base color to be used throughout the theme.
  50  */
  51 $base-color: dynamic(#808080);
  52
  53 /**
  54  * @var {color} $neutral-color
  55  * The neutral color to be used throughout the theme.
  56  */
  57 $neutral-color: dynamic(#dcdcdc);
  58
  59 /**
  60  * @var {color} $body-background-color
  61  * Background color to apply to the body element.  If set to transparent or 'none' no
  62  * background-color style will be set on the body element.
  63  */
  64 $body-background-color: dynamic(transparent);
  65
  66 /**
  67  * @var {boolean}
  68  * `true` to enable font icon support throughout the theme.
  69  */
  70 $enable-font-icons: dynamic(false);
  71
  72 /**
  73  * @var {string}
  74  * The font-family to use for font icons throughout the theme.  Only applicable when
  75  * {@link Global_CSS#$enable-font-icons} is `true`.
  76  * @private
  77  */
  78 $font-icon-font-family: dynamic(FontAwesome);