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