]> git.proxmox.com Git - extjs.git/blame - extjs/examples/classic/responsive-app/sass/src/view/main/Main.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / examples / classic / responsive-app / sass / src / view / main / Main.scss
CommitLineData
6527f429
DM
1/**\r
2 * Generates a set of style rules for the "navigation" tab UI.\r
3 */\r
4@include extjs-tab-panel-ui(\r
5 $ui: 'navigation',\r
6 $ui-tab-background-color: transparent,\r
7 $ui-tab-background-color-over: #505050,\r
8 $ui-tab-background-color-active: #303030,\r
9 $ui-tab-background-gradient: 'none',\r
10 $ui-tab-background-gradient-over: 'none',\r
11 $ui-tab-background-gradient-active: 'none',\r
12 $ui-tab-color: #acacac,\r
13 $ui-tab-color-over: #c4c4c4,\r
14 $ui-tab-color-active: #fff,\r
15 $ui-tab-glyph-color: #acacac,\r
16 $ui-tab-glyph-color-over: #c4c4c4,\r
17 $ui-tab-glyph-color-active: #fff,\r
18 $ui-tab-glyph-opacity: 1,\r
19 $ui-tab-border-radius: 0,\r
20 $ui-tab-border-width: 0,\r
21 $ui-tab-inner-border-width: 0,\r
22 $ui-tab-padding: 24px,\r
23 $ui-tab-margin: 0,\r
24 $ui-tab-font-size: 15px,\r
25 $ui-tab-font-size-over: 15px,\r
26 $ui-tab-font-size-active: 15px,\r
27 $ui-tab-line-height: 19px,\r
28 $ui-tab-font-weight: bold,\r
29 $ui-tab-font-weight-over: bold,\r
30 $ui-tab-font-weight-active: bold,\r
31 $ui-tab-icon-width: 24px,\r
32 $ui-tab-icon-height: 24px,\r
33 $ui-tab-icon-spacing: 5px,\r
34 $ui-bar-background-color: #404040,\r
35 $ui-bar-background-gradient: 'none',\r
36 $ui-bar-padding: 0,\r
37 $ui-strip-height: 0\r
38);\r
39\r
40/**\r
41 * Generates a set of style rules for the "navigation" panel UI.\r
42 */\r
43@include extjs-panel-ui(\r
44 $ui: 'navigation',\r
45 $ui-header-color: #fff,\r
46 $ui-header-glyph-color: #fff,\r
47 $ui-header-glyph-opacity: 1,\r
48 $ui-header-font-size: 20px,\r
49 $ui-header-line-height: 24px,\r
50 $ui-header-font-weight: bold,\r
51 $ui-header-icon-height: 24px,\r
52 $ui-header-icon-width: 24px,\r
53 $ui-header-icon-spacing: 15px,\r
54 $ui-header-background-color: $base-color,\r
55 $ui-header-padding: 0,\r
56 $ui-header-text-margin: 36px,\r
57 $ui-header-noborder-adjust: false\r
58);\r