projects / extjs.git / blame
| Commit | Line | Data |
|---|---|---|
| 6527f429 DM |
1 | .x-tabbar {\r |
| 2 | min-height: 3em;\r | |
| 3 | background-color: #f9f9f9;\r | |
| 4 | \r | |
| 5 | &.x-docked-bottom {\r | |
| 6 | min-height: 3.1em;\r | |
| 7 | }\r | |
| 8 | }\r | |
| 9 | \r | |
| 10 | .x-tab {\r | |
| 11 | height: 2.9em;\r | |
| 12 | margin: 0 .2em;\r | |
| 13 | border: 0;\r | |
| 14 | background: transparent;\r | |
| 15 | @include st-box-orient(vertical);\r | |
| 16 | }\r | |
| 17 | \r | |
| 18 | .x-tab-active {\r | |
| 19 | background: rgba(255, 255, 255, .15);\r | |
| 20 | }\r | |
| 21 | \r | |
| 22 | .x-tab {\r | |
| 23 | &.x-tab-active {\r | |
| 24 | x-button-label {\r | |
| 25 | color: $ios7-blue;\r | |
| 26 | }\r | |
| 27 | \r | |
| 28 | .x-button-icon:before, .x-button-label {\r | |
| 29 | color: $ios7-blue;\r | |
| 30 | }\r | |
| 31 | }\r | |
| 32 | \r | |
| 33 | .x-button-label {\r | |
| 34 | font-size: .65em;\r | |
| 35 | font-weight: 400;\r | |
| 36 | color: #929292;\r | |
| 37 | line-height: 3em;\r | |
| 38 | }\r | |
| 39 | \r | |
| 40 | .x-button-icon {\r | |
| 41 | display: block;\r | |
| 42 | width: 1.5em;\r | |
| 43 | height: 1.5em;\r | |
| 44 | margin: 0 auto;\r | |
| 45 | -webkit-text-stroke-width: .35px;\r | |
| 46 | -webkit-text-stroke-color: $ios7-blue;\r | |
| 47 | \r | |
| 48 | .x-button-icon.x-hidden {\r | |
| 49 | display: none;\r | |
| 50 | }\r | |
| 51 | \r | |
| 52 | &:before {\r | |
| 53 | color: transparent;\r | |
| 54 | font-size: 1.8em;\r | |
| 55 | line-height: 1.35em;\r | |
| 56 | }\r | |
| 57 | }\r | |
| 58 | \r | |
| 59 | .x-badge {\r | |
| 60 | top: 0px;\r | |
| 61 | left: 55%;\r | |
| 62 | right: auto;\r | |
| 63 | max-width: 55%;\r | |
| 64 | font-size: .65em;\r | |
| 65 | line-height: 1.5em;\r | |
| 66 | }\r | |
| 67 | }\r | |
| 68 | \r | |
| 69 | $tabbar-tab-radius: 4px;\r | |
| 70 | .x-tabbar.x-docked-top {\r | |
| 71 | padding:10px;\r | |
| 72 | .x-tab {\r | |
| 73 | @include border-radius(0);\r | |
| 74 | @include st-box-flex(1);\r | |
| 75 | min-width: 3.3em;\r | |
| 76 | height: inherit;\r | |
| 77 | background-color: transparent;\r | |
| 78 | border: 0;\r | |
| 79 | padding: 3px;\r | |
| 80 | margin: 0;\r | |
| 81 | border: 1px solid darken($ios7-blue, 1);\r | |
| 82 | color: #fff;\r | |
| 83 | padding: 7px;\r | |
| 84 | \r | |
| 85 | .x-button-label {\r | |
| 86 | color: $ios7-blue;\r | |
| 87 | font-size: .8em;\r | |
| 88 | line-height: 1;\r | |
| 89 | }\r | |
| 90 | \r | |
| 91 | &.x-tab-active {\r | |
| 92 | background-color: $ios7-blue;\r | |
| 93 | .x-button-label {\r | |
| 94 | color: #fff;\r | |
| 95 | }\r | |
| 96 | }\r | |
| 97 | \r | |
| 98 | .x-button-icon::before {\r | |
| 99 | display: none;\r | |
| 100 | }\r | |
| 101 | \r | |
| 102 | &:first-child {\r | |
| 103 | border-radius: $tabbar-tab-radius 0px 0px $tabbar-tab-radius;\r | |
| 104 | border-right: 0;\r | |
| 105 | }\r | |
| 106 | \r | |
| 107 | &:last-child {\r | |
| 108 | border-radius: 0px $tabbar-tab-radius $tabbar-tab-radius 0px;\r | |
| 109 | border-left: 0;\r | |
| 110 | }\r | |
| 111 | \r | |
| 112 | .x-button-icon.x-hidden {\r | |
| 113 | display: none;\r | |
| 114 | }\r | |
| 115 | }\r | |
| 116 | } |