asset/css/mixin/state-badges.less


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

.state-badges() {
  &.state-badges {
    padding: 0;

    ul {
      padding: 0;
    }

    li {
      display: inline-block;
    }

    li > ul > li:first-child:not(:last-child) .state-badge {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
    }

    li > ul > li:last-child:not(:first-child) .state-badge {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
    }

    > li:not(:last-child) {
      margin-right: .25em;
    }

    li > ul > li:last-child {
      margin-left: 1px;
    }
  }
}