|
Last change
on this file since 93586 was
93586,
checked in by cedric@…, 5 years ago
|
|
Mise a jour de BS v3.3.6 : attention le fichier variables.less comprend une variable supplementaire qu'il faut ajouter dans son fichier personalise le cas echeant
|
|
File size:
1.4 KB
|
| Line | |
|---|
| 1 | // Button variants |
|---|
| 2 | // |
|---|
| 3 | // Easily pump out default styles, as well as :hover, :focus, :active, |
|---|
| 4 | // and disabled options for all buttons |
|---|
| 5 | |
|---|
| 6 | .button-variant(@color; @background; @border) { |
|---|
| 7 | color: @color; |
|---|
| 8 | background-color: @background; |
|---|
| 9 | border-color: @border; |
|---|
| 10 | |
|---|
| 11 | &:focus, |
|---|
| 12 | &.focus { |
|---|
| 13 | color: @color; |
|---|
| 14 | background-color: darken(@background, 10%); |
|---|
| 15 | border-color: darken(@border, 25%); |
|---|
| 16 | } |
|---|
| 17 | &:hover { |
|---|
| 18 | color: @color; |
|---|
| 19 | background-color: darken(@background, 10%); |
|---|
| 20 | border-color: darken(@border, 12%); |
|---|
| 21 | } |
|---|
| 22 | &:active, |
|---|
| 23 | &.active, |
|---|
| 24 | .open > .dropdown-toggle& { |
|---|
| 25 | color: @color; |
|---|
| 26 | background-color: darken(@background, 10%); |
|---|
| 27 | border-color: darken(@border, 12%); |
|---|
| 28 | |
|---|
| 29 | &:hover, |
|---|
| 30 | &:focus, |
|---|
| 31 | &.focus { |
|---|
| 32 | color: @color; |
|---|
| 33 | background-color: darken(@background, 17%); |
|---|
| 34 | border-color: darken(@border, 25%); |
|---|
| 35 | } |
|---|
| 36 | } |
|---|
| 37 | &:active, |
|---|
| 38 | &.active, |
|---|
| 39 | .open > .dropdown-toggle& { |
|---|
| 40 | background-image: none; |
|---|
| 41 | } |
|---|
| 42 | &.disabled, |
|---|
| 43 | &[disabled], |
|---|
| 44 | fieldset[disabled] & { |
|---|
| 45 | &:hover, |
|---|
| 46 | &:focus, |
|---|
| 47 | &.focus { |
|---|
| 48 | background-color: @background; |
|---|
| 49 | border-color: @border; |
|---|
| 50 | } |
|---|
| 51 | } |
|---|
| 52 | |
|---|
| 53 | .badge { |
|---|
| 54 | color: @background; |
|---|
| 55 | background-color: @color; |
|---|
| 56 | } |
|---|
| 57 | } |
|---|
| 58 | |
|---|
| 59 | // Button sizes |
|---|
| 60 | .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { |
|---|
| 61 | padding: @padding-vertical @padding-horizontal; |
|---|
| 62 | font-size: @font-size; |
|---|
| 63 | line-height: @line-height; |
|---|
| 64 | border-radius: @border-radius; |
|---|
| 65 | } |
|---|
Note: See
TracBrowser
for help on using the repository browser.
