_base.scss 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  1. /**
  2. * @var {string} $prefix
  3. * The prefix to be applied to all CSS selectors. If this is changed, it must also be changed in your
  4. * JavaScript application.
  5. */
  6. $prefix: 'x-' !default;
  7. /**
  8. * @var {string} $theme-name
  9. * The name of the theme. This must match the the output directory of the images.
  10. * (defaults to 'default')
  11. */
  12. $theme-name: 'neptune' !default;
  13. /**
  14. * @var {boolean/string} $relative-image-path-for-uis
  15. * True to use a relative image path for all new UIs. If true, the path will be "../images/".
  16. * It can also be a string of the path value.
  17. * It defaults to false, which means it will look for the images in the ExtJS SDK folder.
  18. */
  19. $relative-image-path-for-uis: false !default;
  20. $color: #000 !default;
  21. /**
  22. * @var {string} $font-family
  23. * The default font-family to be used throughout the theme.
  24. */
  25. $font-family: "Helvetica Neue", Arial, Verdana, sans-serif !default;
  26. $ui-font-family: $font-family; // Deprecated
  27. // $ui-font-family: "Lucida Grande", Verdana, Tahoma, sans-serif !default;
  28. /**
  29. * @var {string} $font-size
  30. * The default font-size to be used throughout the theme.
  31. */
  32. $font-size: 12px !default;
  33. $font-size-small: 11px !default;
  34. $font-size-large: 15px !default;
  35. /**
  36. * @var {string} $base-gradient
  37. * The base gradient to be used throughout the theme.
  38. * Used for elements like buttons, panels, etc.
  39. */
  40. $base-gradient: matte !default;
  41. /**
  42. * @var {color} $base-color
  43. * The base color to be used throughout the theme.
  44. */
  45. $base-color: #167CCE !default; // Momentum blue
  46. $base-light-color: #A6DDFF !default;
  47. $base-dark-color: #0E4DAD !default;
  48. /**
  49. * @var {color} $neutral-color
  50. * The neutral color to be used throughout the theme.
  51. */
  52. $neutral-color: #E0E3E6 !default;
  53. $neutral-dark-color: darken($neutral-color, 18) !default;
  54. $neutral-light-color: lighten($neutral-color, 8) !default;
  55. $confirm-color: #94ae0a !default;
  56. $bright-color: red !default;
  57. $drastic-color: #a61120 !default;
  58. /**
  59. * @var {boolean} $include-not-found-images
  60. * True to include files which are not found when compiling your SASS
  61. */
  62. $include-missing-images: true !default;
  63. /**
  64. * @var {boolean} $include-ie
  65. * True to include Internet Explorer specific rules
  66. */
  67. $include-ie: true !default;
  68. /**
  69. * @var {boolean} $include-ff
  70. * True to include Firefox specific rules
  71. */
  72. $include-ff: true !default;
  73. /**
  74. * @var {boolean} $include-chrome
  75. * True to include Chrome specific rules
  76. */
  77. $include-chrome: true !default;
  78. /**
  79. * @var {boolean} $include-safari
  80. * True to include Safari specific rules
  81. */
  82. $include-safari: true !default;
  83. /**
  84. * @var {boolean} $include-opera
  85. * True to include Opera specific rules
  86. */
  87. $include-opera: true !default;
  88. /**
  89. * @var {boolean} $include-webkit
  90. * True to include Webkit specific rules
  91. */
  92. $include-webkit: true !default;
  93. $supports-border-radius: true !default;
  94. $supports-gradients: true !default;
  95. /**
  96. * @var {boolean} $compile-all
  97. * True to copile all CSS, even if above include rules are false
  98. */
  99. $compile-all: true !default;
  100. /**
  101. * @var {boolean} $scope-reset-css
  102. * True to scope the reset CSS within the $prefix variable.
  103. */
  104. $scope-reset-css: false !default;
  105. /**
  106. * @var {color} $css-shadow-background-color
  107. * The base color for CSS shadows
  108. */
  109. $css-shadow-background-color: rgba(#000, .3) !default;
  110. /**
  111. * @var {boolean} $include-shadow-images
  112. * True to include all shadow images.
  113. */
  114. $include-shadow-images: true !default;
  115. /**
  116. * @var {boolean} $include-highlights
  117. * True to include all shadows, highlights, and gradients
  118. */
  119. $include-highlights: true !default;
  120. $include-default-uis: true !default;
  121. // Default transition variables
  122. $default-transition-duration: 100ms !default;
  123. $default-transition-function: ease-in-out !default;
  124. $default-text-contrast: 80% !default;