]> git.proxmox.com Git - extjs.git/blame - extjs/modern/theme-cupertino/sass/src/field/Spinner.scss
add extjs 6.0.1 sources
[extjs.git] / extjs / modern / theme-cupertino / sass / src / field / Spinner.scss
CommitLineData
6527f429
DM
1.x-desktop.x-windows.x-chrome .x-spinner {\r
2 .x-spinner-button-down {\r
3 line-height: .7em;\r
4 }\r
5\r
6 .x-spinner-button-up {\r
7 line-height: .85em;\r
8 }\r
9}\r
10\r
11.x-spinner {\r
12 .x-spinner-button {\r
13 margin-top: .25em;\r
14 margin-bottom: .25em;\r
15 width: 2em;\r
16\r
17 border: 2px solid #fff !important;\r
18\r
19 &.x-spinner-button-down {\r
20 background-color: $ios7-red;\r
21 }\r
22\r
23 &.x-spinner-button-up {\r
24 background-color: $ios7-green;\r
25 }\r
26\r
27 @include border-radius(1em);\r
28 width: 1em;\r
29 height: 1em;\r
30 margin: 7px 7px 0 0;\r
31 color: #fff;\r
32 font-weight: 200;\r
33 font-size: 1.8em;\r
34 line-height: .56em;\r
35 }\r
36\r
37 .x-input-el {\r
38 color: black;\r
39 -webkit-text-fill-color: black;\r
40 }\r
41\r
42 &.x-item-disabled {\r
43 .x-input-el {\r
44 color: #B3B3B3;\r
45 -webkit-text-fill-color: #B3B3B3;\r
46 }\r
47\r
48 .x-spinner-button {\r
49 &.x-spinner-button-down {\r
50 background-color: lighten($ios7-red, 20%);\r
51 }\r
52\r
53 &.x-spinner-button-up {\r
54 background-color: lighten($ios7-green, 20%);\r
55 }\r
56 }\r
57 }\r
58}