Use prettier for SCSS (#3895)
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / ui / label.scss
CommitLineData
ed8c9052
AE
1/* #### Labels #### */
2/* label list */
3.labelList {
5908f54f 4 @include inlineList;
8a52619a 5
9305f3f9 6 display: inline-flex;
8a52619a 7
2c623ed6
MW
8 > li {
9 &:not(:first-child) {
10 .label {
11 border-top-left-radius: 0;
12 border-bottom-left-radius: 0;
13 }
14 }
8a52619a 15
2c623ed6
MW
16 &:not(:last-child) {
17 margin-right: 1px;
8a52619a 18
2c623ed6
MW
19 .label {
20 border-top-right-radius: 0;
21 border-bottom-right-radius: 0;
22 }
23 }
8a52619a 24
9305f3f9
MW
25 .label {
26 top: -1px;
27 }
ed8c9052
AE
28 }
29}
30
ed8c9052
AE
31/* ACP label list */
32#labelList > li {
33 flex-basis: 30%;
34 margin-bottom: 10px;
8a52619a 35
ed8c9052
AE
36 &.labelCustomClass {
37 display: flex;
8a52619a
TD
38
39 > input[type="radio"] {
ed8c9052
AE
40 flex: 0 0 auto;
41 margin-right: 7px;
42 }
8a52619a 43
ed8c9052
AE
44 > span {
45 flex: 1 1 auto;
46 }
47 }
48}
49
50.labelChooser > .dropdownToggle > span {
51 cursor: pointer;
8a52619a 52}