UNPKG

bee-checkbox/dist/demo.css

Version:

1/* FormGroup */
2/*  Navlayout  */
u-checkbox {
display: inline-block;
position: relative;
margin-right: 24px;
height: 16px;
line-height: 16px;
font-size: 12px;
white-space: nowrap;
cursor: pointer;
outline: none;
position: relative;
line-height: 1;
vertical-align: middle; }
.u-checkbox input[type='checkbox'] {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  opacity: 0;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  height: 100%; }
.u-checkbox input[disabled] {
  cursor: not-allowed; }
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
  border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:before {
  box-shadow: inset 0 0 0 10px #fff;
  border-color: rgb(165, 173, 186); }
.u-checkbox.is-checked .u-checkbox-label:after {
  color: rgb(245, 60, 50);
  content: "\e658";
  line-height: 16px;
  font-size: 12px;
  font-weight: 600; }
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before {
  box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
  border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {
  color: #fff; }
.u-checkbox.is-checked.disabled.u-checkbox-inverse .u-checkbox-label:before {
  box-shadow: inset 0 0 0 10px #c1c7d0;
  border-color: #c1c7d0; }
.u-checkbox .u-checkbox-label {
  cursor: pointer;
  display: inline-block;
  padding-left: 25px;
  line-height: 16px;
  color: #212121; }
  .u-checkbox .u-checkbox-label:before {
    border-radius: 3px;
    border: 1px solid rgb(165, 173, 186);
    background-color: #fff;
    content: '';
    font-family: 'uf';
    display: inline-block;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    text-align: center;
    position: absolute; }
  .u-checkbox .u-checkbox-label:after {
    content: '';
    font-family: 'uf';
    display: inline-block;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    text-align: center;
    position: absolute; }
.u-checkbox.disabled .u-checkbox-label {
  cursor: not-allowed;
  color: #909090; }
  .u-checkbox.disabled .u-checkbox-label:before {
    border-color: #DFE1E6;
    color: #909090; }
  .u-checkbox.disabled .u-checkbox-label:after {
    color: #c1c7d0; }
83
u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
87
u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
color: rgb(245, 60, 50);
content: "\e6ce";
line-height: 16px;
font-size: 12px;
font-weight: 600; }
94
u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
98
u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after {
color: #fff; }
101
u-checkbox.u-checkbox-indeterminate.disabled.u-checkbox-inverse .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #c1c7d0;
border-color: #c1c7d0; }
105
u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
109
u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after {
color: rgb(76,175,80); }
112
u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(76,175,80); }
115
u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
119
u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after {
color: rgb(255,152,0); }
122
u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(255,152,0); }
125
u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
129
u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after {
color: rgb(244,67,54); }
132
u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(244,67,54); }
135
u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
139
u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after {
color: rgb(97,97,97); }
142
u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(97,97,97); }
145
u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
149
u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after {
color: rgb(0,188,212); }
152
u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(0,188,212); }
155
156
157
158
159/*# sourceMappingURL=demo.css.map */

1	`/* FormGroup */`
2	`/* Navlayout */`
3	`.u-checkbox {`
4	`display: inline-block;`
5	`position: relative;`
6	`margin-right: 24px;`
7	`height: 16px;`
8	`line-height: 16px;`
9	`font-size: 12px;`
10	`white-space: nowrap;`
11	`cursor: pointer;`
12	`outline: none;`
13	`position: relative;`
14	`line-height: 1;`
15	`vertical-align: middle; }`
16	`.u-checkbox input[type='checkbox'] {`
17	`position: absolute;`
18	`z-index: 3;`
19	`cursor: pointer;`
20	`opacity: 0;`
21	`box-sizing: border-box;`
22	`padding: 0;`
23	`width: 100%;`
24	`height: 100%; }`
25	`.u-checkbox input[disabled] {`
26	`cursor: not-allowed; }`
27	`.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {`
28	`border-color: rgb(245, 60, 50); }`
29	`.u-checkbox.is-checked .u-checkbox-label:before {`
30	`box-shadow: inset 0 0 0 10px #fff;`
31	`border-color: rgb(165, 173, 186); }`
32	`.u-checkbox.is-checked .u-checkbox-label:after {`
33	`color: rgb(245, 60, 50);`
34	`content: "\e658";`
35	`line-height: 16px;`
36	`font-size: 12px;`
37	`font-weight: 600; }`
38	`.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before {`
39	`box-shadow: inset 0 0 0 10px rgb(245, 60, 50);`
40	`border-color: rgb(245, 60, 50); }`
41	`.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {`
42	`color: #fff; }`
43	`.u-checkbox.is-checked.disabled.u-checkbox-inverse .u-checkbox-label:before {`
44	`box-shadow: inset 0 0 0 10px #c1c7d0;`
45	`border-color: #c1c7d0; }`
46	`.u-checkbox .u-checkbox-label {`
47	`cursor: pointer;`
48	`display: inline-block;`
49	`padding-left: 25px;`
50	`line-height: 16px;`
51	`color: #212121; }`
52	`.u-checkbox .u-checkbox-label:before {`
53	`border-radius: 3px;`
54	`border: 1px solid rgb(165, 173, 186);`
55	`background-color: #fff;`
56	`content: '';`
57	`font-family: 'uf';`
58	`display: inline-block;`
59	`width: 16px;`
60	`height: 16px;`
61	`left: 0;`
62	`top: 0;`
63	`text-align: center;`
64	`position: absolute; }`
65	`.u-checkbox .u-checkbox-label:after {`
66	`content: '';`
67	`font-family: 'uf';`
68	`display: inline-block;`
69	`width: 16px;`
70	`height: 16px;`
71	`left: 0;`
72	`top: 0;`
73	`text-align: center;`
74	`position: absolute; }`
75	`.u-checkbox.disabled .u-checkbox-label {`
76	`cursor: not-allowed;`
77	`color: #909090; }`
78	`.u-checkbox.disabled .u-checkbox-label:before {`
79	`border-color: #DFE1E6;`
80	`color: #909090; }`
81	`.u-checkbox.disabled .u-checkbox-label:after {`
82	`color: #c1c7d0; }`
83
84	`.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {`
85	`box-shadow: inset 0 0 0 10px #fff;`
86	`border-color: rgb(165, 173, 186); }`
87
88	`.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {`
89	`color: rgb(245, 60, 50);`
90	`content: "\e6ce";`
91	`line-height: 16px;`
92	`font-size: 12px;`
93	`font-weight: 600; }`
94
95	`.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before {`
96	`box-shadow: inset 0 0 0 10px rgb(245, 60, 50);`
97	`border-color: rgb(245, 60, 50); }`
98
99	`.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after {`
100	`color: #fff; }`
101
102	`.u-checkbox.u-checkbox-indeterminate.disabled.u-checkbox-inverse .u-checkbox-label:before {`
103	`box-shadow: inset 0 0 0 10px #c1c7d0;`
104	`border-color: #c1c7d0; }`
105
106	`.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {`
107	`box-shadow: inset 0 0 0 10px #fff;`
108	`border-color: rgb(165, 173, 186); }`
109
110	`.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after {`
111	`color: rgb(76,175,80); }`
112
113	`.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {`
114	`border-color: rgb(76,175,80); }`
115
116	`.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {`
117	`box-shadow: inset 0 0 0 10px #fff;`
118	`border-color: rgb(165, 173, 186); }`
119
120	`.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after {`
121	`color: rgb(255,152,0); }`
122
123	`.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {`
124	`border-color: rgb(255,152,0); }`
125
126	`.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {`
127	`box-shadow: inset 0 0 0 10px #fff;`
128	`border-color: rgb(165, 173, 186); }`
129
130	`.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after {`
131	`color: rgb(244,67,54); }`
132
133	`.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {`
134	`border-color: rgb(244,67,54); }`
135
136	`.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {`
137	`box-shadow: inset 0 0 0 10px #fff;`
138	`border-color: rgb(165, 173, 186); }`
139
140	`.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after {`
141	`color: rgb(97,97,97); }`
142
143	`.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {`
144	`border-color: rgb(97,97,97); }`
145
146	`.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {`
147	`box-shadow: inset 0 0 0 10px #fff;`
148	`border-color: rgb(165, 173, 186); }`
149
150	`.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after {`
151	`color: rgb(0,188,212); }`
152
153	`.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {`
154	`border-color: rgb(0,188,212); }`
155
156
157
158
159	`/# sourceMappingURL=demo.css.map /`