Blame view

frontend/web/css/node_modules/bootstrap/less/mixins/buttons.less 1.51 KB
3da83322   Administrator   21.03.16 Versrka
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
  // Button variants

  //

  // Easily pump out default styles, as well as :hover, :focus, :active,

  // and disabled options for all buttons

  

  .button-variant(@color; @background; @border) {

    color: @color;

    background-color: @background;

    border-color: @border;

  

    &:focus,

    &.focus {

      color: @color;

      background-color: darken(@background, 10%);

          border-color: darken(@border, 25%);

    }

    &:hover {

      color: @color;

      background-color: darken(@background, 10%);

          border-color: darken(@border, 12%);

    }

    &:active,

    &.active,

    .open > .dropdown-toggle& {

      color: @color;

      background-color: darken(@background, 10%);

          border-color: darken(@border, 12%);

  

      &:hover,

      &:focus,

      &.focus {

        color: @color;

        background-color: darken(@background, 17%);

            border-color: darken(@border, 25%);

      }

    }

    &:active,

    &.active,

    .open > .dropdown-toggle& {

      background-image: none;

    }

    &.disabled,

    &[disabled],

    fieldset[disabled] & {

      &,

      &:hover,

      &:focus,

      &.focus,

      &:active,

      &.active {

        background-color: @background;

            border-color: @border;

      }

    }

  

    .badge {

      color: @background;

      background-color: @color;

    }

  }

  

  // Button sizes

  .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {

    padding: @padding-vertical @padding-horizontal;

    font-size: @font-size;

    line-height: @line-height;

    border-radius: @border-radius;

  }