Mercurial > wikked

comparison static/bootstrap/less/buttons.less @ 88:a5a3d454eac9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Updated Bootstrap.
author Ludovic Chabant <ludovic@chabant.com>
date Fri, 05 Apr 2013 08:08:12 -0700
parents 130eccd396d8
children d29e2f337b00
comparison
equal deleted inserted replaced
87:c0cf67362fb1 88:a5a3d454eac9
23 border-bottom-color: darken(@btnBorder, 10%); 23 border-bottom-color: darken(@btnBorder, 10%);
24 .border-radius(@baseBorderRadius); 24 .border-radius(@baseBorderRadius);
25 .ie7-restore-left-whitespace(); // Give IE7 some love 25 .ie7-restore-left-whitespace(); // Give IE7 some love
26 .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); 26 .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
27 27
28 // Hover state 28 // Hover/focus state
29 &:hover { 29 &:hover,
30 &:focus {
30 color: @grayDark; 31 color: @grayDark;
31 text-decoration: none; 32 text-decoration: none;
32 background-position: 0 -15px; 33 background-position: 0 -15px;
33 34
34 // transition is only when going to hover, otherwise the background 35 // transition is only when going to hover/focus, otherwise the background
35 // behind the gradient (there for IE<=9 fallback) gets mismatched 36 // behind the gradient (there for IE<=9 fallback) gets mismatched
36 .transition(background-position .1s linear); 37 .transition(background-position .1s linear);
37 } 38 }
38 39
39 // Focus state for keyboard and accessibility 40 // Focus state for keyboard and accessibility
139 color: rgba(255,255,255,.75); 140 color: rgba(255,255,255,.75);
140 } 141 }
141 142
142 // Set the backgrounds 143 // Set the backgrounds
143 // ------------------------- 144 // -------------------------
144 .btn {
145 // reset here as of 2.0.3 due to Recess property order
146 border-color: #c5c5c5;
147 border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) rgba(0,0,0,.25);
148 }
149 .btn-primary { 145 .btn-primary {
150 .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight); 146 .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
151 } 147 }
152 // Warning appears are orange 148 // Warning appears are orange
153 .btn-warning { 149 .btn-warning {
217 border-color: transparent; 213 border-color: transparent;
218 cursor: pointer; 214 cursor: pointer;
219 color: @linkColor; 215 color: @linkColor;
220 .border-radius(0); 216 .border-radius(0);
221 } 217 }
222 .btn-link:hover { 218 .btn-link:hover,
219 .btn-link:focus {
223 color: @linkColorHover; 220 color: @linkColorHover;
224 text-decoration: underline; 221 text-decoration: underline;
225 background-color: transparent; 222 background-color: transparent;
226 } 223 }
227 .btn-link[disabled]:hover { 224 .btn-link[disabled]:hover,
225 .btn-link[disabled]:focus {
228 color: @grayDark; 226 color: @grayDark;
229 text-decoration: none; 227 text-decoration: none;
230 } 228 }