7 .border-radius(@btn-border-radius);
8 .box-shadow(@btn-boxshadow);
9 border: 1px solid transparent;
12 text-transform: uppercase
18 -webkit-box-shadow: none;
19 -moz-box-shadow: none;
26 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
27 -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
28 box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
39 > input[type='file'] {
56 //Button color variations
58 background-color: #f4f4f4;
64 background-color: darken(#f4f4f4, 5%);
69 background-color: @light-blue;
70 border-color: darken(@light-blue, 5%);
71 &:hover, &:active, &.hover {
72 background-color: darken(@light-blue, 5%);
77 background-color: @green;
78 border-color: darken(@green, 5%);
79 &:hover, &:active, &.hover {
80 background-color: darken(@green, 5%);
85 background-color: @aqua;
86 border-color: darken(@aqua, 5%);
87 &:hover, &:active, &.hover {
88 background-color: darken(@aqua, 5%);
93 background-color: @red;
94 border-color: darken(@red, 5%);
95 &:hover, &:active, &.hover {
96 background-color: darken(@red, 5%);
101 background-color: @yellow;
102 border-color: darken(@yellow, 5%);
103 &:hover, &:active, &.hover {
104 background-color: darken(@yellow, 5%);
109 border: 1px solid #fff;
110 background: transparent;
115 color: rgba(255, 255, 255, .7);
116 border-color: rgba(255, 255, 255, .7);
124 //General .btn with bg class
125 .btn[class*='bg-']:hover {
126 .box-shadow(inset 0 0 100px rgba(0, 0, 0, 0.2));
129 // Application buttons
134 margin: 0 0 10px 10px;
139 border: 1px solid #ddd;
140 background-color: #f4f4f4;
142 //Icons within the btn
143 > .fa, > .glyphicon, > .ion {
155 -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
156 -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
157 box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);