semantic-ui-sass 1.12.3.0 → 2.0.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui.js +1 -0
- data/app/assets/javascripts/semantic-ui/accordion.js +67 -53
- data/app/assets/javascripts/semantic-ui/api.js +395 -189
- data/app/assets/javascripts/semantic-ui/checkbox.js +322 -114
- data/app/assets/javascripts/semantic-ui/colorize.js +4 -2
- data/app/assets/javascripts/semantic-ui/dimmer.js +74 -50
- data/app/assets/javascripts/semantic-ui/dropdown.js +2046 -584
- data/app/assets/javascripts/semantic-ui/embed.js +662 -0
- data/app/assets/javascripts/semantic-ui/form.js +345 -163
- data/app/assets/javascripts/semantic-ui/modal.js +119 -90
- data/app/assets/javascripts/semantic-ui/nag.js +8 -9
- data/app/assets/javascripts/semantic-ui/popup.js +390 -228
- data/app/assets/javascripts/semantic-ui/progress.js +112 -103
- data/app/assets/javascripts/semantic-ui/rating.js +79 -55
- data/app/assets/javascripts/semantic-ui/search.js +305 -123
- data/app/assets/javascripts/semantic-ui/shape.js +94 -48
- data/app/assets/javascripts/semantic-ui/sidebar.js +84 -151
- data/app/assets/javascripts/semantic-ui/site.js +5 -5
- data/app/assets/javascripts/semantic-ui/state.js +4 -4
- data/app/assets/javascripts/semantic-ui/sticky.js +108 -35
- data/app/assets/javascripts/semantic-ui/tab.js +220 -125
- data/app/assets/javascripts/semantic-ui/transition.js +205 -171
- data/app/assets/javascripts/semantic-ui/visibility.js +220 -100
- data/app/assets/javascripts/semantic-ui/visit.js +6 -4
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +17 -16
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +223 -121
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +462 -448
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +949 -665
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +134 -92
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +270 -208
- data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1357 -521
- data/app/assets/stylesheets/semantic-ui/elements/_container.scss +125 -0
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +51 -31
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +270 -144
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +241 -110
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +30 -16
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +88 -53
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +432 -281
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +172 -128
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +16 -14
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +15 -7
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +32 -13
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +329 -212
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +291 -99
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -2
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +19 -18
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +17 -18
- data/app/assets/stylesheets/semantic-ui/modules/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +265 -161
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +29 -15
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +441 -156
- data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +168 -0
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +163 -85
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +8 -8
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +88 -23
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +185 -129
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +75 -60
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +99 -52
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +11 -11
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -12
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +4 -4
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +31 -39
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -0
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +204 -162
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -6
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +51 -26
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +62 -36
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +265 -90
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/semantic-ui-sass.gemspec +2 -2
- metadata +9 -6
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Reset
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Site
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -14,7 +14,7 @@
|
|
14
14
|
Page
|
15
15
|
*******************************/
|
16
16
|
|
17
|
-
@import 'https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin';
|
17
|
+
@import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
|
18
18
|
html,
|
19
19
|
body {
|
20
20
|
height: 100%;
|
@@ -25,12 +25,13 @@ html {
|
|
25
25
|
body {
|
26
26
|
margin: 0px;
|
27
27
|
padding: 0px;
|
28
|
+
overflow-x: hidden;
|
28
29
|
min-width: 320px;
|
29
|
-
background: #
|
30
|
+
background: #ffffff;
|
30
31
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
31
32
|
font-size: 14px;
|
32
|
-
line-height: 1.
|
33
|
-
color: rgba(0, 0, 0, 0.
|
33
|
+
line-height: 1.4285em;
|
34
|
+
color: rgba(0, 0, 0, 0.87);
|
34
35
|
font-smoothing: antialiased;
|
35
36
|
}
|
36
37
|
|
@@ -45,9 +46,8 @@ h3,
|
|
45
46
|
h4,
|
46
47
|
h5 {
|
47
48
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
48
|
-
line-height: 1.
|
49
|
-
margin:
|
50
|
-
margin: calc(2rem - 0.165em ) 0em 1rem;
|
49
|
+
line-height: 1.2857em;
|
50
|
+
margin: calc(2rem - 0.14285em ) 0em 1rem;
|
51
51
|
font-weight: bold;
|
52
52
|
padding: 0em;
|
53
53
|
}
|
@@ -89,7 +89,7 @@ h5:last-child {
|
|
89
89
|
|
90
90
|
p {
|
91
91
|
margin: 0em 0em 1em;
|
92
|
-
line-height: 1.
|
92
|
+
line-height: 1.4285em;
|
93
93
|
}
|
94
94
|
p:first-child {
|
95
95
|
margin-top: 0em;
|
@@ -103,11 +103,12 @@ p:last-child {
|
|
103
103
|
--------------------*/
|
104
104
|
|
105
105
|
a {
|
106
|
-
color: #
|
106
|
+
color: #4183c4;
|
107
107
|
text-decoration: none;
|
108
108
|
}
|
109
109
|
a:hover {
|
110
|
-
color: #
|
110
|
+
color: #1e70bf;
|
111
|
+
text-decoration: none;
|
111
112
|
}
|
112
113
|
|
113
114
|
|
@@ -119,32 +120,32 @@ a:hover {
|
|
119
120
|
/* Site */
|
120
121
|
::-webkit-selection {
|
121
122
|
background-color: #cce2ff;
|
122
|
-
color: rgba(0, 0, 0, 0.
|
123
|
+
color: rgba(0, 0, 0, 0.87);
|
123
124
|
}
|
124
125
|
::-moz-selection {
|
125
126
|
background-color: #cce2ff;
|
126
|
-
color: rgba(0, 0, 0, 0.
|
127
|
+
color: rgba(0, 0, 0, 0.87);
|
127
128
|
}
|
128
129
|
::selection {
|
129
130
|
background-color: #cce2ff;
|
130
|
-
color: rgba(0, 0, 0, 0.
|
131
|
+
color: rgba(0, 0, 0, 0.87);
|
131
132
|
}
|
132
133
|
|
133
134
|
/* Form */
|
134
135
|
textarea::-webkit-selection,
|
135
136
|
input::-webkit-selection {
|
136
137
|
background-color: rgba(100, 100, 100, 0.4);
|
137
|
-
color: rgba(0, 0, 0, 0.
|
138
|
+
color: rgba(0, 0, 0, 0.87);
|
138
139
|
}
|
139
140
|
textarea::-moz-selection,
|
140
141
|
input::-moz-selection {
|
141
142
|
background-color: rgba(100, 100, 100, 0.4);
|
142
|
-
color: rgba(0, 0, 0, 0.
|
143
|
+
color: rgba(0, 0, 0, 0.87);
|
143
144
|
}
|
144
145
|
textarea::selection,
|
145
146
|
input::selection {
|
146
147
|
background-color: rgba(100, 100, 100, 0.4);
|
147
|
-
color: rgba(0, 0, 0, 0.
|
148
|
+
color: rgba(0, 0, 0, 0.87);
|
148
149
|
}
|
149
150
|
|
150
151
|
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Accordion
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -17,7 +17,6 @@
|
|
17
17
|
.ui.accordion,
|
18
18
|
.ui.accordion .accordion {
|
19
19
|
max-width: 100%;
|
20
|
-
font-size: 1em;
|
21
20
|
}
|
22
21
|
.ui.accordion .accordion {
|
23
22
|
margin: 1em 0em 0em;
|
@@ -35,7 +34,7 @@
|
|
35
34
|
padding: 0.5em 0em;
|
36
35
|
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
|
37
36
|
font-size: 1em;
|
38
|
-
color: rgba(0, 0, 0, 0.
|
37
|
+
color: rgba(0, 0, 0, 0.87);
|
39
38
|
}
|
40
39
|
|
41
40
|
/* Content */
|
@@ -47,7 +46,7 @@
|
|
47
46
|
/* Default Styling */
|
48
47
|
.ui.accordion:not(.styled) .title ~ .content:not(.ui),
|
49
48
|
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
|
50
|
-
margin:
|
49
|
+
margin: '';
|
51
50
|
padding: 0.5em 0em 1em;
|
52
51
|
}
|
53
52
|
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
|
@@ -65,8 +64,8 @@
|
|
65
64
|
margin: 0em 0.25rem 0em 0rem;
|
66
65
|
padding: 0em;
|
67
66
|
font-size: 1em;
|
68
|
-
-webkit-transition: -webkit-transform 0.
|
69
|
-
transition: transform 0.
|
67
|
+
-webkit-transition: -webkit-transform 0.1s ease, opacity 0.1s ease;
|
68
|
+
transition: transform 0.1s ease, opacity 0.1s ease;
|
70
69
|
vertical-align: baseline;
|
71
70
|
-webkit-transform: none;
|
72
71
|
-ms-transform: none;
|
@@ -85,7 +84,7 @@
|
|
85
84
|
}
|
86
85
|
.ui.accordion.menu .item .title > .dropdown.icon {
|
87
86
|
float: right;
|
88
|
-
margin: 0.
|
87
|
+
margin: 0.21425em 0em 0em 1em;
|
89
88
|
-webkit-transform: rotate(180deg);
|
90
89
|
-ms-transform: rotate(180deg);
|
91
90
|
transform: rotate(180deg);
|
@@ -129,9 +128,9 @@
|
|
129
128
|
}
|
130
129
|
.ui.styled.accordion,
|
131
130
|
.ui.styled.accordion .accordion {
|
132
|
-
border-radius: 0.
|
131
|
+
border-radius: 0.28571429rem;
|
133
132
|
background: #ffffff;
|
134
|
-
box-shadow: 0px 1px 2px 0 rgba(
|
133
|
+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
|
135
134
|
}
|
136
135
|
.ui.styled.accordion .title,
|
137
136
|
.ui.styled.accordion .accordion .title {
|
@@ -139,9 +138,9 @@
|
|
139
138
|
padding: 0.75em 1em;
|
140
139
|
color: rgba(0, 0, 0, 0.4);
|
141
140
|
font-weight: bold;
|
142
|
-
border-top: 1px solid rgba(
|
143
|
-
-webkit-transition: background 0.
|
144
|
-
transition: background 0.
|
141
|
+
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
142
|
+
-webkit-transition: background 0.1s ease, color 0.1s ease;
|
143
|
+
transition: background 0.1s ease, color 0.1s ease;
|
145
144
|
}
|
146
145
|
.ui.styled.accordion > .title:first-child,
|
147
146
|
.ui.styled.accordion .accordion .title:first-child {
|
@@ -165,22 +164,22 @@
|
|
165
164
|
.ui.styled.accordion .accordion .title:hover,
|
166
165
|
.ui.styled.accordion .accordion .active.title {
|
167
166
|
background: transparent;
|
168
|
-
color: rgba(0, 0, 0, 0.
|
167
|
+
color: rgba(0, 0, 0, 0.87);
|
169
168
|
}
|
170
169
|
.ui.styled.accordion .accordion .title:hover,
|
171
170
|
.ui.styled.accordion .accordion .active.title {
|
172
171
|
background: transparent;
|
173
|
-
color: rgba(0, 0, 0, 0.
|
172
|
+
color: rgba(0, 0, 0, 0.87);
|
174
173
|
}
|
175
174
|
|
176
175
|
/* Active */
|
177
176
|
.ui.styled.accordion .active.title {
|
178
177
|
background: transparent;
|
179
|
-
color: rgba(0, 0, 0, 0.
|
178
|
+
color: rgba(0, 0, 0, 0.95);
|
180
179
|
}
|
181
180
|
.ui.styled.accordion .accordion .active.title {
|
182
181
|
background: transparent;
|
183
|
-
color: rgba(0, 0, 0, 0.
|
182
|
+
color: rgba(0, 0, 0, 0.95);
|
184
183
|
}
|
185
184
|
|
186
185
|
|
@@ -218,7 +217,7 @@
|
|
218
217
|
---------------*/
|
219
218
|
|
220
219
|
.ui.inverted.accordion .title:not(.ui) {
|
221
|
-
color:
|
220
|
+
color: rgba(255, 255, 255, 0.9);
|
222
221
|
}
|
223
222
|
|
224
223
|
|
@@ -1,9 +1,9 @@
|
|
1
1
|
/*!
|
2
|
-
* # Semantic UI
|
2
|
+
* # Semantic UI 2.0.4 - Checkbox
|
3
3
|
* http://github.com/semantic-org/semantic-ui/
|
4
4
|
*
|
5
5
|
*
|
6
|
-
* Copyright
|
6
|
+
* Copyright 2015 Contributors
|
7
7
|
* Released under the MIT license
|
8
8
|
* http://opensource.org/licenses/MIT
|
9
9
|
*
|
@@ -22,23 +22,28 @@
|
|
22
22
|
.ui.checkbox {
|
23
23
|
position: relative;
|
24
24
|
display: inline-block;
|
25
|
-
min-height: 17px;
|
26
|
-
font-size: 1rem;
|
27
|
-
line-height: 15px;
|
28
|
-
min-width: 17px;
|
29
25
|
-webkit-backface-visibility: hidden;
|
30
26
|
backface-visibility: hidden;
|
31
27
|
outline: none;
|
32
|
-
vertical-align:
|
28
|
+
vertical-align: baseline;
|
29
|
+
min-height: 17px;
|
30
|
+
font-size: 1rem;
|
31
|
+
line-height: 17px;
|
32
|
+
min-width: 17px;
|
33
33
|
}
|
34
|
+
|
35
|
+
/* HTML Checkbox */
|
34
36
|
.ui.checkbox input[type="checkbox"],
|
35
37
|
.ui.checkbox input[type="radio"] {
|
38
|
+
cursor: pointer;
|
36
39
|
position: absolute;
|
37
40
|
top: 0px;
|
38
41
|
left: 0px;
|
39
42
|
opacity: 0 !important;
|
40
43
|
outline: none;
|
41
|
-
z-index:
|
44
|
+
z-index: 3;
|
45
|
+
width: 17px;
|
46
|
+
height: 17px;
|
42
47
|
}
|
43
48
|
|
44
49
|
/*--------------
|
@@ -47,27 +52,25 @@
|
|
47
52
|
|
48
53
|
.ui.checkbox .box,
|
49
54
|
.ui.checkbox label {
|
55
|
+
cursor: auto;
|
56
|
+
position: relative;
|
50
57
|
display: block;
|
51
|
-
|
52
|
-
padding-left: 1.75em;
|
58
|
+
padding-left: 1.85714em;
|
53
59
|
outline: none;
|
54
|
-
}
|
55
|
-
.ui.checkbox label {
|
56
60
|
font-size: 1em;
|
57
61
|
}
|
58
62
|
.ui.checkbox .box:before,
|
59
63
|
.ui.checkbox label:before {
|
60
64
|
position: absolute;
|
61
|
-
|
65
|
+
top: 0px;
|
66
|
+
left: 0px;
|
62
67
|
width: 17px;
|
63
68
|
height: 17px;
|
64
|
-
top: 0em;
|
65
|
-
left: 0em;
|
66
69
|
content: '';
|
67
70
|
background: #ffffff;
|
68
|
-
border-radius: 0.
|
69
|
-
-webkit-transition:
|
70
|
-
transition:
|
71
|
+
border-radius: 0.21428571rem;
|
72
|
+
-webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
|
73
|
+
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
|
71
74
|
border: 1px solid #d4d4d5;
|
72
75
|
}
|
73
76
|
|
@@ -78,16 +81,16 @@
|
|
78
81
|
.ui.checkbox .box:after,
|
79
82
|
.ui.checkbox label:after {
|
80
83
|
position: absolute;
|
84
|
+
font-size: 14px;
|
81
85
|
top: 0px;
|
82
86
|
left: 0px;
|
83
|
-
line-height: 17px;
|
84
87
|
width: 17px;
|
85
88
|
height: 17px;
|
86
89
|
text-align: center;
|
87
90
|
opacity: 0;
|
88
|
-
color: rgba(0, 0, 0, 0.
|
89
|
-
-webkit-transition:
|
90
|
-
transition:
|
91
|
+
color: rgba(0, 0, 0, 0.87);
|
92
|
+
-webkit-transition: border 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease, box-shadow 0.1s ease;
|
93
|
+
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
|
91
94
|
}
|
92
95
|
|
93
96
|
/*--------------
|
@@ -98,14 +101,9 @@
|
|
98
101
|
/* Inside */
|
99
102
|
.ui.checkbox label,
|
100
103
|
.ui.checkbox + label {
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
transition: color 0.2s ease;
|
105
|
-
-webkit-user-select: none;
|
106
|
-
-moz-user-select: none;
|
107
|
-
-ms-user-select: none;
|
108
|
-
user-select: none;
|
104
|
+
color: rgba(0, 0, 0, 0.87);
|
105
|
+
-webkit-transition: color 0.1s ease;
|
106
|
+
transition: color 0.1s ease;
|
109
107
|
}
|
110
108
|
|
111
109
|
/* Outside */
|
@@ -126,7 +124,7 @@
|
|
126
124
|
.ui.checkbox .box:hover::before,
|
127
125
|
.ui.checkbox label:hover::before {
|
128
126
|
background: #ffffff;
|
129
|
-
border:
|
127
|
+
border-color: rgba(34, 36, 38, 0.35);
|
130
128
|
}
|
131
129
|
.ui.checkbox label:hover,
|
132
130
|
.ui.checkbox + label:hover {
|
@@ -139,39 +137,80 @@
|
|
139
137
|
|
140
138
|
.ui.checkbox .box:active::before,
|
141
139
|
.ui.checkbox label:active::before {
|
142
|
-
background: #
|
143
|
-
border:
|
140
|
+
background: #f9fafb;
|
141
|
+
border-color: rgba(34, 36, 38, 0.35);
|
144
142
|
}
|
145
|
-
.ui.checkbox
|
146
|
-
.ui.checkbox
|
147
|
-
color: rgba(0, 0, 0, 0.
|
143
|
+
.ui.checkbox .box:active::after,
|
144
|
+
.ui.checkbox label:active::after {
|
145
|
+
color: rgba(0, 0, 0, 0.95);
|
146
|
+
}
|
147
|
+
.ui.checkbox input:active ~ label {
|
148
|
+
color: rgba(0, 0, 0, 0.95);
|
148
149
|
}
|
149
150
|
|
150
151
|
/*--------------
|
151
|
-
|
152
|
+
Focus
|
152
153
|
---------------*/
|
153
154
|
|
154
|
-
.ui.checkbox input
|
155
|
-
.ui.checkbox input
|
156
|
-
|
157
|
-
|
158
|
-
background: #f5f5f5;
|
159
|
-
border: 1px solid 1px solid rgba(39, 41, 43, 0.3);
|
155
|
+
.ui.checkbox input:focus ~ .box:before,
|
156
|
+
.ui.checkbox input:focus ~ label:before {
|
157
|
+
background: #f9fafb;
|
158
|
+
border-color: rgba(34, 36, 38, 0.35);
|
160
159
|
}
|
161
|
-
.ui.checkbox input
|
162
|
-
.ui.checkbox input
|
163
|
-
color: rgba(0, 0, 0, 0.
|
160
|
+
.ui.checkbox input:focus ~ .box:after,
|
161
|
+
.ui.checkbox input:focus ~ label:after {
|
162
|
+
color: rgba(0, 0, 0, 0.95);
|
163
|
+
}
|
164
|
+
.ui.checkbox input:focus ~ label {
|
165
|
+
color: rgba(0, 0, 0, 0.95);
|
164
166
|
}
|
165
167
|
|
166
168
|
/*--------------
|
167
169
|
Active
|
168
170
|
---------------*/
|
169
171
|
|
170
|
-
.ui.checkbox input
|
171
|
-
.ui.checkbox input
|
172
|
-
|
173
|
-
|
172
|
+
.ui.checkbox input:checked ~ .box:before,
|
173
|
+
.ui.checkbox input:checked ~ label:before {
|
174
|
+
background: #ffffff;
|
175
|
+
border-color: rgba(34, 36, 38, 0.35);
|
176
|
+
}
|
177
|
+
.ui.checkbox input:checked ~ .box:after,
|
178
|
+
.ui.checkbox input:checked ~ label:after {
|
179
|
+
opacity: 1;
|
180
|
+
color: rgba(0, 0, 0, 0.95);
|
181
|
+
}
|
182
|
+
|
183
|
+
/*--------------
|
184
|
+
Indeterminate
|
185
|
+
---------------*/
|
186
|
+
|
187
|
+
.ui.checkbox input:indeterminate ~ .box:before,
|
188
|
+
.ui.checkbox input:indeterminate ~ label:before {
|
189
|
+
background: #ffffff;
|
190
|
+
border-color: rgba(34, 36, 38, 0.35);
|
191
|
+
}
|
192
|
+
.ui.checkbox input:indeterminate ~ .box:after,
|
193
|
+
.ui.checkbox input:indeterminate ~ label:after {
|
174
194
|
opacity: 1;
|
195
|
+
color: rgba(0, 0, 0, 0.95);
|
196
|
+
}
|
197
|
+
|
198
|
+
/*--------------
|
199
|
+
Active Focus
|
200
|
+
---------------*/
|
201
|
+
|
202
|
+
.ui.checkbox input:indeterminate:focus ~ .box:before,
|
203
|
+
.ui.checkbox input:indeterminate:focus ~ label:before,
|
204
|
+
.ui.checkbox input:checked:focus ~ .box:before,
|
205
|
+
.ui.checkbox input:checked:focus ~ label:before {
|
206
|
+
background: #f9fafb;
|
207
|
+
border-color: rgba(34, 36, 38, 0.5);
|
208
|
+
}
|
209
|
+
.ui.checkbox input:indeterminate:focus ~ .box:after,
|
210
|
+
.ui.checkbox input:indeterminate:focus ~ label:after,
|
211
|
+
.ui.checkbox input:checked:focus ~ .box:after,
|
212
|
+
.ui.checkbox input:checked:focus ~ label:after {
|
213
|
+
color: rgba(0, 0, 0, 0.95);
|
175
214
|
}
|
176
215
|
|
177
216
|
/*--------------
|
@@ -189,15 +228,33 @@
|
|
189
228
|
|
190
229
|
.ui.disabled.checkbox .box:after,
|
191
230
|
.ui.disabled.checkbox label,
|
192
|
-
.ui.checkbox input[
|
193
|
-
.ui.checkbox input[
|
194
|
-
.ui.checkbox input[type="radio"][disabled] ~ .box:after,
|
195
|
-
.ui.checkbox input[type="radio"][disabled] ~ label {
|
231
|
+
.ui.checkbox input[disabled] ~ .box:after,
|
232
|
+
.ui.checkbox input[disabled] ~ label {
|
196
233
|
cursor: default;
|
197
234
|
opacity: 0.5;
|
198
235
|
color: #000000;
|
199
236
|
}
|
200
237
|
|
238
|
+
/*--------------
|
239
|
+
Hidden
|
240
|
+
---------------*/
|
241
|
+
|
242
|
+
|
243
|
+
/* Initialized checkbox moves input below element
|
244
|
+
to prevent manually triggering */
|
245
|
+
.ui.checkbox input.hidden {
|
246
|
+
z-index: -1;
|
247
|
+
}
|
248
|
+
|
249
|
+
/* Selectable Label */
|
250
|
+
.ui.checkbox input.hidden + label {
|
251
|
+
cursor: pointer;
|
252
|
+
-webkit-user-select: none;
|
253
|
+
-moz-user-select: none;
|
254
|
+
-ms-user-select: none;
|
255
|
+
user-select: none;
|
256
|
+
}
|
257
|
+
|
201
258
|
|
202
259
|
/*******************************
|
203
260
|
Types
|
@@ -209,44 +266,79 @@
|
|
209
266
|
---------------*/
|
210
267
|
|
211
268
|
.ui.radio.checkbox {
|
212
|
-
min-height:
|
269
|
+
min-height: 15px;
|
270
|
+
}
|
271
|
+
.ui.radio.checkbox .box,
|
272
|
+
.ui.radio.checkbox label {
|
273
|
+
padding-left: 1.85714em;
|
213
274
|
}
|
214
275
|
|
215
276
|
/* Box */
|
216
277
|
.ui.radio.checkbox .box:before,
|
217
278
|
.ui.radio.checkbox label:before {
|
218
|
-
|
219
|
-
height: 14px;
|
220
|
-
border-radius: 500rem;
|
221
|
-
top: 1px;
|
222
|
-
left: 0px;
|
279
|
+
content: '';
|
223
280
|
-webkit-transform: none;
|
224
281
|
-ms-transform: none;
|
225
282
|
transform: none;
|
283
|
+
width: 15px;
|
284
|
+
height: 15px;
|
285
|
+
border-radius: 500rem;
|
286
|
+
top: 1px;
|
287
|
+
left: 0px;
|
226
288
|
}
|
227
289
|
|
228
|
-
/*
|
290
|
+
/* Bullet */
|
229
291
|
.ui.radio.checkbox .box:after,
|
230
292
|
.ui.radio.checkbox label:after {
|
231
293
|
border: none;
|
232
|
-
|
233
|
-
|
234
|
-
|
235
|
-
|
236
|
-
left: 0px;
|
237
|
-
font-size: 9px;
|
294
|
+
content: '' !important;
|
295
|
+
width: 15px;
|
296
|
+
height: 15px;
|
297
|
+
line-height: 15px;
|
238
298
|
}
|
239
299
|
|
240
300
|
/* Radio Checkbox */
|
241
301
|
.ui.radio.checkbox .box:after,
|
242
302
|
.ui.radio.checkbox label:after {
|
243
|
-
|
244
|
-
|
303
|
+
top: 1px;
|
304
|
+
left: 0px;
|
305
|
+
width: 15px;
|
306
|
+
height: 15px;
|
245
307
|
border-radius: 500rem;
|
246
|
-
-webkit-transform: scale(0.
|
247
|
-
-ms-transform: scale(0.
|
248
|
-
transform: scale(0.
|
249
|
-
background-color: rgba(0, 0, 0, 0.
|
308
|
+
-webkit-transform: scale(0.46666667);
|
309
|
+
-ms-transform: scale(0.46666667);
|
310
|
+
transform: scale(0.46666667);
|
311
|
+
background-color: rgba(0, 0, 0, 0.87);
|
312
|
+
}
|
313
|
+
|
314
|
+
/* Focus */
|
315
|
+
.ui.radio.checkbox input:focus ~ .box:before,
|
316
|
+
.ui.radio.checkbox input:focus ~ label:before {
|
317
|
+
background-color: #f9fafb;
|
318
|
+
}
|
319
|
+
.ui.radio.checkbox input:focus ~ .box:after,
|
320
|
+
.ui.radio.checkbox input:focus ~ label:after {
|
321
|
+
background-color: rgba(0, 0, 0, 0.95);
|
322
|
+
}
|
323
|
+
|
324
|
+
/* Active */
|
325
|
+
.ui.radio.checkbox input:checked ~ .box:before,
|
326
|
+
.ui.radio.checkbox input:checked ~ label:before {
|
327
|
+
background-color: #ffffff;
|
328
|
+
}
|
329
|
+
.ui.radio.checkbox input:checked ~ .box:after,
|
330
|
+
.ui.radio.checkbox input:checked ~ label:after {
|
331
|
+
background-color: rgba(0, 0, 0, 0.95);
|
332
|
+
}
|
333
|
+
|
334
|
+
/* Active Focus */
|
335
|
+
.ui.radio.checkbox input:focus:checked ~ .box:before,
|
336
|
+
.ui.radio.checkbox input:focus:checked ~ label:before {
|
337
|
+
background-color: #f9fafb;
|
338
|
+
}
|
339
|
+
.ui.radio.checkbox input:focus:checked ~ .box:after,
|
340
|
+
.ui.radio.checkbox input:focus:checked ~ label:after {
|
341
|
+
background-color: rgba(0, 0, 0, 0.95);
|
250
342
|
}
|
251
343
|
|
252
344
|
/*--------------
|
@@ -254,9 +346,16 @@
|
|
254
346
|
---------------*/
|
255
347
|
|
256
348
|
.ui.slider.checkbox {
|
257
|
-
cursor: pointer;
|
258
349
|
min-height: 1.25rem;
|
259
350
|
}
|
351
|
+
|
352
|
+
/* Input */
|
353
|
+
.ui.slider.checkbox input {
|
354
|
+
width: 3.5rem;
|
355
|
+
height: 1.25rem;
|
356
|
+
}
|
357
|
+
|
358
|
+
/* Label */
|
260
359
|
.ui.slider.checkbox .box,
|
261
360
|
.ui.slider.checkbox label {
|
262
361
|
padding-left: 4.5rem;
|
@@ -267,25 +366,22 @@
|
|
267
366
|
/* Line */
|
268
367
|
.ui.slider.checkbox .box:before,
|
269
368
|
.ui.slider.checkbox label:before {
|
270
|
-
cursor: pointer;
|
271
369
|
display: block;
|
272
370
|
position: absolute;
|
273
371
|
content: '';
|
274
|
-
|
372
|
+
border: none !important;
|
275
373
|
left: 0em;
|
276
374
|
z-index: 1;
|
277
|
-
|
375
|
+
top: 0.4rem;
|
278
376
|
background-color: rgba(0, 0, 0, 0.05);
|
279
377
|
width: 3.5rem;
|
280
|
-
height: 0.
|
378
|
+
height: 0.21428571rem;
|
281
379
|
-webkit-transform: none;
|
282
380
|
-ms-transform: none;
|
283
381
|
transform: none;
|
284
382
|
border-radius: 500rem;
|
285
|
-
-webkit-transition: background 0.3s ease
|
286
|
-
|
287
|
-
transition: background 0.3s ease
|
288
|
-
;
|
383
|
+
-webkit-transition: background 0.3s ease;
|
384
|
+
transition: background 0.3s ease;
|
289
385
|
}
|
290
386
|
|
291
387
|
/* Handle */
|
@@ -294,11 +390,11 @@
|
|
294
390
|
background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
295
391
|
background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
296
392
|
position: absolute;
|
297
|
-
content: '';
|
393
|
+
content: '' !important;
|
298
394
|
opacity: 1;
|
299
395
|
z-index: 2;
|
300
396
|
border: none;
|
301
|
-
box-shadow: 0px 1px 2px 0 rgba(
|
397
|
+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
302
398
|
width: 1.5rem;
|
303
399
|
height: 1.5rem;
|
304
400
|
top: -0.25rem;
|
@@ -307,18 +403,14 @@
|
|
307
403
|
-ms-transform: none;
|
308
404
|
transform: none;
|
309
405
|
border-radius: 500rem;
|
310
|
-
-webkit-transition: left 0.3s ease
|
311
|
-
|
312
|
-
transition: left 0.3s ease 0s
|
313
|
-
;
|
406
|
+
-webkit-transition: left 0.3s ease;
|
407
|
+
transition: left 0.3s ease;
|
314
408
|
}
|
315
409
|
|
316
410
|
/* Focus */
|
317
|
-
.ui.slider.checkbox input
|
318
|
-
.ui.slider.checkbox input
|
319
|
-
|
320
|
-
.ui.slider.checkbox input[type="radio"]:focus ~ label:before {
|
321
|
-
background-color: rgba(0, 0, 0, 0.1);
|
411
|
+
.ui.slider.checkbox input:focus ~ .box:before,
|
412
|
+
.ui.slider.checkbox input:focus ~ label:before {
|
413
|
+
background-color: rgba(0, 0, 0, 0.15);
|
322
414
|
border: none;
|
323
415
|
}
|
324
416
|
|
@@ -329,42 +421,53 @@
|
|
329
421
|
}
|
330
422
|
.ui.slider.checkbox .box:hover::before,
|
331
423
|
.ui.slider.checkbox label:hover::before {
|
332
|
-
background: rgba(0, 0, 0, 0.
|
424
|
+
background: rgba(0, 0, 0, 0.15);
|
333
425
|
}
|
334
426
|
|
335
427
|
/* Active */
|
336
|
-
.ui.slider.checkbox input
|
337
|
-
.ui.slider.checkbox input
|
338
|
-
|
339
|
-
.ui.slider.checkbox input[type="radio"]:checked ~ label {
|
340
|
-
color: rgba(0, 0, 0, 0.8);
|
428
|
+
.ui.slider.checkbox input:checked ~ .box,
|
429
|
+
.ui.slider.checkbox input:checked ~ label {
|
430
|
+
color: rgba(0, 0, 0, 0.95) !important;
|
341
431
|
}
|
342
|
-
.ui.slider.checkbox input
|
343
|
-
.ui.slider.checkbox input
|
344
|
-
|
345
|
-
.ui.slider.checkbox input[type="radio"]:checked ~ label:before {
|
346
|
-
background-color: rgba(0, 0, 0, 0.1);
|
432
|
+
.ui.slider.checkbox input:checked ~ .box:before,
|
433
|
+
.ui.slider.checkbox input:checked ~ label:before {
|
434
|
+
background-color: #545454 !important;
|
347
435
|
}
|
348
|
-
.ui.slider.checkbox input
|
349
|
-
.ui.slider.checkbox input
|
350
|
-
.ui.slider.checkbox input[type="radio"]:checked ~ .box:after,
|
351
|
-
.ui.slider.checkbox input[type="radio"]:checked ~ label:after {
|
436
|
+
.ui.slider.checkbox input:checked ~ .box:after,
|
437
|
+
.ui.slider.checkbox input:checked ~ label:after {
|
352
438
|
left: 2rem;
|
353
439
|
}
|
354
440
|
|
441
|
+
/* Active Focus */
|
442
|
+
.ui.slider.checkbox input:focus:checked ~ .box,
|
443
|
+
.ui.slider.checkbox input:focus:checked ~ label {
|
444
|
+
color: rgba(0, 0, 0, 0.95) !important;
|
445
|
+
}
|
446
|
+
.ui.slider.checkbox input:focus:checked ~ .box:before,
|
447
|
+
.ui.slider.checkbox input:focus:checked ~ label:before {
|
448
|
+
background-color: #000000 !important;
|
449
|
+
}
|
450
|
+
|
355
451
|
/*--------------
|
356
452
|
Toggle
|
357
453
|
---------------*/
|
358
454
|
|
359
455
|
.ui.toggle.checkbox {
|
360
|
-
cursor: pointer;
|
361
456
|
min-height: 1.5rem;
|
362
457
|
}
|
458
|
+
|
459
|
+
/* Input */
|
460
|
+
.ui.toggle.checkbox input {
|
461
|
+
width: 3.5rem;
|
462
|
+
height: 1.5rem;
|
463
|
+
}
|
464
|
+
|
465
|
+
/* Label */
|
363
466
|
.ui.toggle.checkbox .box,
|
364
467
|
.ui.toggle.checkbox label {
|
365
468
|
min-height: 1.5rem;
|
366
469
|
padding-left: 4.5rem;
|
367
|
-
color: rgba(0, 0, 0, 0.
|
470
|
+
color: rgba(0, 0, 0, 0.87);
|
368
471
|
}
|
369
472
|
.ui.toggle.checkbox label {
|
370
473
|
padding-top: 0.15em;
|
@@ -373,14 +476,16 @@
|
|
373
476
|
/* Switch */
|
374
477
|
.ui.toggle.checkbox .box:before,
|
375
478
|
.ui.toggle.checkbox label:before {
|
376
|
-
cursor: pointer;
|
377
479
|
display: block;
|
378
480
|
position: absolute;
|
379
481
|
content: '';
|
380
|
-
top: 0rem;
|
381
482
|
z-index: 1;
|
483
|
+
-webkit-transform: none;
|
484
|
+
-ms-transform: none;
|
485
|
+
transform: none;
|
382
486
|
border: none;
|
383
|
-
|
487
|
+
top: 0rem;
|
488
|
+
background: rgba(0, 0, 0, 0.05);
|
384
489
|
width: 3.5rem;
|
385
490
|
height: 1.5rem;
|
386
491
|
border-radius: 500rem;
|
@@ -392,64 +497,60 @@
|
|
392
497
|
background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
393
498
|
background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
|
394
499
|
position: absolute;
|
395
|
-
content: '';
|
500
|
+
content: '' !important;
|
396
501
|
opacity: 1;
|
397
502
|
z-index: 2;
|
398
503
|
border: none;
|
399
|
-
box-shadow: 0px 1px 2px 0 rgba(
|
504
|
+
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
|
400
505
|
width: 1.5rem;
|
401
506
|
height: 1.5rem;
|
402
507
|
top: 0rem;
|
403
508
|
left: 0em;
|
404
509
|
border-radius: 500rem;
|
405
|
-
-webkit-transition: background 0.3s ease
|
406
|
-
|
407
|
-
|
408
|
-
|
409
|
-
|
410
|
-
;
|
411
|
-
}
|
412
|
-
.ui.toggle.checkbox input[type="checkbox"] ~ .box:after,
|
413
|
-
.ui.toggle.checkbox input[type="checkbox"] ~ label:after,
|
414
|
-
.ui.toggle.checkbox input[type="radio"] ~ .box:after,
|
415
|
-
.ui.toggle.checkbox input[type="radio"] ~ label:after {
|
510
|
+
-webkit-transition: background 0.3s ease, left 0.3s ease;
|
511
|
+
transition: background 0.3s ease, left 0.3s ease;
|
512
|
+
}
|
513
|
+
.ui.toggle.checkbox input ~ .box:after,
|
514
|
+
.ui.toggle.checkbox input ~ label:after {
|
416
515
|
left: -0.05rem;
|
417
516
|
}
|
418
517
|
|
419
518
|
/* Focus */
|
420
|
-
.ui.toggle.checkbox input
|
421
|
-
.ui.toggle.checkbox input
|
422
|
-
|
423
|
-
.ui.toggle.checkbox input[type="radio"]:focus ~ label:before {
|
424
|
-
background-color: rgba(0, 0, 0, 0.1);
|
519
|
+
.ui.toggle.checkbox input:focus ~ .box:before,
|
520
|
+
.ui.toggle.checkbox input:focus ~ label:before {
|
521
|
+
background-color: rgba(0, 0, 0, 0.15);
|
425
522
|
border: none;
|
426
523
|
}
|
427
524
|
|
428
525
|
/* Hover */
|
429
526
|
.ui.toggle.checkbox .box:hover::before,
|
430
527
|
.ui.toggle.checkbox label:hover::before {
|
431
|
-
background-color: rgba(0, 0, 0, 0.
|
528
|
+
background-color: rgba(0, 0, 0, 0.15);
|
432
529
|
border: none;
|
433
530
|
}
|
434
531
|
|
435
532
|
/* Active */
|
436
|
-
.ui.toggle.checkbox input
|
437
|
-
.ui.toggle.checkbox input
|
438
|
-
|
439
|
-
|
440
|
-
|
533
|
+
.ui.toggle.checkbox input:checked ~ .box,
|
534
|
+
.ui.toggle.checkbox input:checked ~ label {
|
535
|
+
color: rgba(0, 0, 0, 0.95) !important;
|
536
|
+
}
|
537
|
+
.ui.toggle.checkbox input:checked ~ .box:before,
|
538
|
+
.ui.toggle.checkbox input:checked ~ label:before {
|
539
|
+
background-color: #2185d0 !important;
|
441
540
|
}
|
442
|
-
.ui.toggle.checkbox input
|
443
|
-
.ui.toggle.checkbox input
|
444
|
-
|
445
|
-
|
446
|
-
|
541
|
+
.ui.toggle.checkbox input:checked ~ .box:after,
|
542
|
+
.ui.toggle.checkbox input:checked ~ label:after {
|
543
|
+
left: 2.15rem;
|
544
|
+
}
|
545
|
+
|
546
|
+
/* Active Focus */
|
547
|
+
.ui.toggle.checkbox input:focus:checked ~ .box,
|
548
|
+
.ui.toggle.checkbox input:focus:checked ~ label {
|
549
|
+
color: rgba(0, 0, 0, 0.95) !important;
|
447
550
|
}
|
448
|
-
.ui.toggle.checkbox input
|
449
|
-
.ui.toggle.checkbox input
|
450
|
-
|
451
|
-
.ui.toggle.checkbox input[type="radio"]:checked ~ label:after {
|
452
|
-
left: 2.05rem;
|
551
|
+
.ui.toggle.checkbox input:focus:checked ~ .box:before,
|
552
|
+
.ui.toggle.checkbox input:focus:checked ~ label:before {
|
553
|
+
background-color: #0d71bb !important;
|
453
554
|
}
|
454
555
|
|
455
556
|
|
@@ -482,28 +583,31 @@
|
|
482
583
|
|
483
584
|
@font-face {
|
484
585
|
font-family: 'Checkbox';
|
485
|
-
src: url(data:application/x-font-ttf;charset=utf-8;base64,
|
586
|
+
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
|
486
587
|
}
|
487
|
-
|
488
|
-
|
588
|
+
|
589
|
+
/* Checkmark */
|
489
590
|
.ui.checkbox label:after,
|
490
591
|
.ui.checkbox .box:after {
|
491
592
|
font-family: 'Checkbox';
|
492
593
|
}
|
493
|
-
|
494
|
-
|
594
|
+
|
595
|
+
/* Checked */
|
596
|
+
.ui.checkbox input:checked ~ .box:after,
|
597
|
+
.ui.checkbox input:checked ~ label:after {
|
495
598
|
content: '\e800';
|
496
599
|
}
|
497
|
-
/* UTF Reference
|
498
|
-
.check:before { content: '\e800'; } ''
|
499
|
-
.circle:before { content: '\e801'; }
|
500
|
-
.ok-circled:before { content: '\e806'; }
|
501
|
-
.ok-circle:before { content: '\e805'; }
|
502
|
-
.cancel-circle:before { content: '\e807'; }
|
503
|
-
.cancel-circle-1:before { content: '\e804'; }
|
504
|
-
.empty-circle:before { content: '\e802'; }
|
505
|
-
.radio:before { content: '\e803'; }
|
506
600
|
|
601
|
+
/* Indeterminate */
|
602
|
+
.ui.checkbox input:indeterminate ~ .box:after,
|
603
|
+
.ui.checkbox input:indeterminate ~ label:after {
|
604
|
+
font-size: 12px;
|
605
|
+
content: '\e801';
|
606
|
+
}
|
607
|
+
/* UTF Reference
|
608
|
+
.check:before { content: '\e800'; }
|
609
|
+
.dash:before { content: '\e801'; }
|
610
|
+
.plus:before { content: '\e802'; }
|
507
611
|
*/
|
508
612
|
|
509
613
|
|