|
118 | 118 | line-height: 14px; // keeps the overall height an even number
|
119 | 119 | }
|
120 | 120 |
|
121 |
| -// TABS |
122 |
| -// ---- |
123 |
| - |
124 |
| -// Give the tabs something to sit on |
125 |
| -.nav-tabs { |
126 |
| - border-bottom: 1px solid #ddd; |
127 |
| -} |
128 |
| -// Make the list-items overlay the bottom border |
129 |
| -.nav-tabs > li { |
130 |
| - margin-bottom: -1px; |
131 |
| -} |
132 |
| -// Actual tabs (as links) |
133 |
| -.nav-tabs > li > a { |
134 |
| - -webkit-border-radius: @tabsBorderRadius; |
135 |
| - border-radius: @tabsBorderRadius; |
136 |
| - color: @gray; |
137 |
| - padding-top: 5px; |
138 |
| - padding-bottom: 4px; |
139 |
| - line-height: @baseLineHeight; |
140 |
| - border: 1px solid transparent; |
141 |
| - .border-radius(4px 4px 0 0); |
142 |
| - &:hover { |
143 |
| - color: @black; |
144 |
| - } |
145 |
| - &:hover, |
146 |
| - &:focus { |
147 |
| - border-color: @grayLighter @grayLighter #ddd; |
148 |
| - } |
149 |
| -} |
150 |
| -// Active state, and it's :hover/:focus to override normal :hover/:focus |
151 |
| -.nav-tabs > .active > a, |
152 |
| -.nav-tabs > .active > a:hover, |
153 |
| -.nav-tabs > .active > a:focus { |
154 |
| - color: @black; |
155 |
| - background-color: @bodyBackground; |
156 |
| - border: 1px solid #ddd; |
157 |
| - border-bottom-color: transparent; |
158 |
| - cursor: default; |
159 |
| -} |
160 |
| - |
161 |
| -//SD: NOTE: Added tab error states |
162 |
| -.show-validation .tab-error a, |
163 |
| -.show-validation .tab-error a:hover, |
164 |
| -.show-validation .tab-error a:focus { |
165 |
| - color: @white !important; |
166 |
| - background-color: @red !important; |
167 |
| - border-color: @errorBorder; |
168 |
| -} |
169 |
| - |
170 |
| -.show-validation .tab-error a:before { |
171 |
| - content: "\e25d"; |
172 |
| - font-family: 'icomoon'; |
173 |
| - margin-right: 5px; |
174 |
| - vertical-align: top; |
175 |
| -} |
176 |
| - |
177 |
| -.show-validation .nav-tabs > li.active.error > a, |
178 |
| -.show-validation .nav-tabs > li.active.error > a:hover, |
179 |
| -.show-validation .nav-tabs > li.active.error > a:focus { |
180 |
| -} |
181 |
| - |
182 |
| -.umb-nav-tabs { |
183 |
| - margin: -8px 0 0 0; |
184 |
| -} |
185 |
| - |
186 | 121 | // PILLS
|
187 | 122 | // -----
|
188 | 123 |
|
|
0 commit comments