source: trip-planner-front/node_modules/bootstrap/less/mixins/buttons.less@ eed0bf8

Last change on this file since eed0bf8 was fa375fe, checked in by Ema <ema_spirova@…>, 3 years ago

adding new components

  • Property mode set to 100644
File size: 1.3 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 background-image: none;
28 border-color: darken(@border, 12%);
29
30 &:hover,
31 &:focus,
32 &.focus {
33 color: @color;
34 background-color: darken(@background, 17%);
35 border-color: darken(@border, 25%);
36 }
37 }
38 &.disabled,
39 &[disabled],
40 fieldset[disabled] & {
41 &:hover,
42 &:focus,
43 &.focus {
44 background-color: @background;
45 border-color: @border;
46 }
47 }
48
49 .badge {
50 color: @background;
51 background-color: @color;
52 }
53}
54
55// Button sizes
56.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
57 padding: @padding-vertical @padding-horizontal;
58 font-size: @font-size;
59 line-height: @line-height;
60 border-radius: @border-radius;
61}
Note: See TracBrowser for help on using the repository browser.