_core.scss3.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js"><span id='Global_CSS'>/**
  19. </span> * @class Global_CSS
  20. *
  21. * Global CSS variables and mixins of Sencha Touch.
  22. */
  23. <span id='Global_CSS-css_var-S-prefix'>/**
  24. </span> * @var {string} $prefix
  25. * The prefix to be applied to all CSS selectors. If this is changed, it must also be changed in your
  26. * JavaScript application.
  27. */
  28. $prefix: 'x-' !default;
  29. <span id='Global_CSS-css_var-S-theme-name'>/**
  30. </span> * @var {string} $theme-name
  31. * The name of the theme. This must match the the output directory of the images.
  32. * (defaults to 'default')
  33. */
  34. $theme-name: 'default' !default;
  35. <span id='Global_CSS-css_var-S-relative-image-path-for-uis'>/**
  36. </span> * @var {boolean/string} $relative-image-path-for-uis
  37. * True to use a relative image path for all new UIs. If true, the path will be &quot;../images/&quot;.
  38. * It can also be a string of the path value.
  39. * It defaults to false, which means it will look for the images in the ExtJS SDK folder.
  40. */
  41. $relative-image-path-for-uis: false !default;
  42. $color: #000 !default;
  43. <span id='Global_CSS-css_var-S-font-family'>/**
  44. </span> * @var {string} $font-family
  45. * The default font-family to be used throughout the theme.
  46. */
  47. $font-family: tahoma,arial,verdana,sans-serif !default;
  48. $font-size : 12px !default;
  49. <span id='Global_CSS-css_var-S-base-gradient'>/**
  50. </span> * @var {string} $base-gradient
  51. * The base gradient to be used throughout the theme.
  52. */
  53. $base-gradient: 'matte' !default;
  54. <span id='Global_CSS-css_var-S-base-color'>/**
  55. </span> * @var {color} $base-color
  56. * The base color to be used throughout the theme.
  57. */
  58. $base-color : #C0D4ED !default;
  59. $neutral-color: #eeeeee !default;
  60. <span id='Global_CSS-css_var-S-include-not-found-images'>/**
  61. </span> * @var {boolean} $include-not-found-images
  62. * True to include files which are not found when compiling your SASS
  63. */
  64. $include-missing-images: true !default;
  65. <span id='Global_CSS-css_var-S-include-ie'>/**
  66. </span> * @var {boolean} $include-ie
  67. * True to include Internet Explorer specific rules
  68. */
  69. $include-ie: true !default;
  70. <span id='Global_CSS-css_var-S-include-ff'>/**
  71. </span> * @var {boolean} $include-ff
  72. * True to include Firefox specific rules
  73. */
  74. $include-ff: true !default;
  75. <span id='Global_CSS-css_var-S-include-chrome'>/**
  76. </span> * @var {boolean} $include-chrome
  77. * True to include Chrome specific rules
  78. */
  79. $include-chrome: true !default;
  80. <span id='Global_CSS-css_var-S-include-safari'>/**
  81. </span> * @var {boolean} $include-safari
  82. * True to include Safari specific rules
  83. */
  84. $include-safari: true !default;
  85. <span id='Global_CSS-css_var-S-include-opera'>/**
  86. </span> * @var {boolean} $include-opera
  87. * True to include Opera specific rules
  88. */
  89. $include-opera: true !default;
  90. <span id='Global_CSS-css_var-S-include-webkit'>/**
  91. </span> * @var {boolean} $include-webkit
  92. * True to include Webkit specific rules
  93. */
  94. $include-webkit: true !default;
  95. $supports-border-radius: true !default;
  96. $supports-gradients: true !default;
  97. <span id='Global_CSS-css_var-S-compile-all'>/**
  98. </span> * @var {boolean} $compile-all
  99. * True to copile all CSS, even if above include rules are false
  100. */
  101. $compile-all: true !default;
  102. <span id='Global_CSS-css_var-S-scope-reset-css'>/**
  103. </span> * @var {boolean} $scope-reset-css
  104. * True to scope the reset CSS within the $prefix variable.
  105. */
  106. $scope-reset-css: false !default;
  107. <span id='Global_CSS-css_var-S-css-shadow-background-color'>/**
  108. </span> * @var {color} $css-shadow-background-color
  109. * The base color for CSS shadows
  110. */
  111. $css-shadow-background-color: #ccc !default;
  112. <span id='Global_CSS-css_var-S-include-shadow-images'>/**
  113. </span> * @var {color} $include-shadow-images
  114. * True to include all shadow images.
  115. */
  116. $include-shadow-images: true !default;
  117. </pre>
  118. </body>
  119. </html>