semantic-ui-sass 0.19.3.1 → 1.7.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (107) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +21 -0
  3. data/README.md +5 -6
  4. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  5. data/app/assets/fonts/semantic-ui/icons.otf +0 -0
  6. data/app/assets/fonts/semantic-ui/icons.svg +472 -367
  7. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  9. data/app/assets/images/semantic-ui/flags.png +0 -0
  10. data/app/assets/javascripts/semantic-ui.js +9 -5
  11. data/app/assets/javascripts/semantic-ui/accordion.js +169 -102
  12. data/app/assets/javascripts/semantic-ui/api.js +840 -0
  13. data/app/assets/javascripts/semantic-ui/checkbox.js +203 -46
  14. data/app/assets/javascripts/semantic-ui/{behavior/colorize.js → colorize.js} +4 -2
  15. data/app/assets/javascripts/semantic-ui/dimmer.js +110 -76
  16. data/app/assets/javascripts/semantic-ui/dropdown.js +897 -285
  17. data/app/assets/javascripts/semantic-ui/{behavior/form.js → form.js} +127 -42
  18. data/app/assets/javascripts/semantic-ui/modal.js +294 -219
  19. data/app/assets/javascripts/semantic-ui/nag.js +120 -186
  20. data/app/assets/javascripts/semantic-ui/popup.js +491 -223
  21. data/app/assets/javascripts/semantic-ui/progress.js +779 -0
  22. data/app/assets/javascripts/semantic-ui/rating.js +66 -22
  23. data/app/assets/javascripts/semantic-ui/search.js +219 -99
  24. data/app/assets/javascripts/semantic-ui/shape.js +72 -29
  25. data/app/assets/javascripts/semantic-ui/sidebar.js +678 -142
  26. data/app/assets/javascripts/semantic-ui/site.js +487 -0
  27. data/app/assets/javascripts/semantic-ui/{behavior/state.js → state.js} +116 -151
  28. data/app/assets/javascripts/semantic-ui/sticky.js +771 -0
  29. data/app/assets/javascripts/semantic-ui/tab.js +680 -603
  30. data/app/assets/javascripts/semantic-ui/transition.js +269 -158
  31. data/app/assets/javascripts/semantic-ui/video.js +113 -32
  32. data/app/assets/javascripts/semantic-ui/visibility.js +970 -0
  33. data/app/assets/javascripts/semantic-ui/visit.js +513 -0
  34. data/app/assets/stylesheets/semantic-ui.scss +2 -0
  35. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +58 -14
  36. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +464 -372
  37. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +1385 -533
  38. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +482 -655
  39. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +238 -139
  40. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +631 -280
  41. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +3 -2
  42. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1614 -657
  43. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +143 -80
  44. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1018 -0
  45. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +302 -145
  46. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1653 -1365
  47. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +160 -59
  48. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +247 -118
  49. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +501 -470
  50. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +888 -0
  51. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +189 -98
  52. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +125 -0
  53. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +147 -212
  54. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +328 -190
  55. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +261 -185
  56. data/app/assets/stylesheets/semantic-ui/globals/_all.scss +2 -0
  57. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +430 -0
  58. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +128 -0
  59. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +190 -106
  60. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +2 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +303 -201
  62. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +72 -63
  63. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +711 -331
  64. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +262 -140
  65. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +82 -71
  66. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +163 -119
  67. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +435 -0
  68. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +163 -68
  69. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +223 -150
  70. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +39 -40
  71. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +413 -147
  72. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +80 -0
  73. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +49 -20
  74. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +542 -568
  75. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +69 -37
  76. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +265 -0
  77. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/views/_card.scss +758 -0
  79. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +133 -92
  80. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +200 -87
  81. data/app/assets/stylesheets/semantic-ui/views/_item.scss +298 -523
  82. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +390 -12
  83. data/lib/semantic/ui/sass/version.rb +2 -2
  84. data/tasks/converter.rb +99 -216
  85. metadata +22 -27
  86. data/app/assets/fonts/semantic-ui/basic.icons.eot +0 -0
  87. data/app/assets/fonts/semantic-ui/basic.icons.svg +0 -450
  88. data/app/assets/fonts/semantic-ui/basic.icons.ttf +0 -0
  89. data/app/assets/fonts/semantic-ui/basic.icons.woff +0 -0
  90. data/app/assets/images/semantic-ui/loader-large-inverted.gif +0 -0
  91. data/app/assets/images/semantic-ui/loader-large.gif +0 -0
  92. data/app/assets/images/semantic-ui/loader-medium-inverted.gif +0 -0
  93. data/app/assets/images/semantic-ui/loader-medium.gif +0 -0
  94. data/app/assets/images/semantic-ui/loader-mini-inverted.gif +0 -0
  95. data/app/assets/images/semantic-ui/loader-mini.gif +0 -0
  96. data/app/assets/images/semantic-ui/loader-small-inverted.gif +0 -0
  97. data/app/assets/images/semantic-ui/loader-small.gif +0 -0
  98. data/app/assets/javascripts/semantic-ui/behavior/api.js +0 -634
  99. data/app/assets/javascripts/semantic-ui/chatroom.js +0 -772
  100. data/app/assets/stylesheets/semantic-ui/depends/_basic.icon.scss +0 -4
  101. data/app/assets/stylesheets/semantic-ui/depends/_icon.scss +0 -4
  102. data/app/assets/stylesheets/semantic-ui/depends/_loader.scss +0 -8
  103. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +0 -1124
  104. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +0 -280
  105. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +0 -299
  106. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +0 -322
  107. data/app/assets/stylesheets/semantic-ui/views/_list.scss +0 -700
@@ -1,173 +1,257 @@
1
- /*
2
- * # Semantic - Accordion
3
- * http://github.com/jlukic/semantic-ui/
4
- *
5
- *
6
- * Copyright 2014 Contributors
7
- * Released under the MIT license
8
- * http://opensource.org/licenses/MIT
9
- *
1
+ /*
2
+ * # Semantic UI
3
+ * https://github.com/Semantic-Org/Semantic-UI
4
+ * http://www.semantic-ui.com/
5
+ *
6
+ * Copyright 2014 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
10
  */
11
11
 
12
- /*******************************
13
- Accordion
12
+
13
+
14
+ /*******************************
15
+ Accordion
14
16
  *******************************/
15
17
 
16
18
  .ui.accordion,
17
19
  .ui.accordion .accordion {
18
- width: 600px;
19
20
  max-width: 100%;
20
- font-size: 1rem;
21
- border-radius: 0.3125em;
22
- background-color: #FFFFFF;
23
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
24
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
21
+ font-size: 1em;
22
+ }
23
+ .ui.accordion .accordion {
24
+ margin: 1em 0em 0em;
25
+ padding: 0em;
25
26
  }
26
27
 
28
+ /* Title */
27
29
  .ui.accordion .title,
28
30
  .ui.accordion .accordion .title {
29
31
  cursor: pointer;
30
- margin: 0em;
31
- padding: 0.75em 1em;
32
- color: rgba(0, 0, 0, 0.6);
33
- border-top: 1px solid rgba(0, 0, 0, 0.05);
34
- -webkit-transition: background-color 0.2s ease-out;
35
- transition: background-color 0.2s ease-out;
36
32
  }
37
33
 
38
- .ui.accordion > .title:first-child,
39
- .ui.accordion .accordion > .title:first-child {
40
- border-top: none;
34
+ /* Default Styling */
35
+ .ui.accordion .title:not(.ui) {
36
+ padding: 0.5em 0em;
37
+ font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
38
+ font-size: 1em;
39
+ color: rgba(0, 0, 0, 0.8);
41
40
  }
42
41
 
43
42
  /* Content */
44
-
45
- .ui.accordion > .content,
46
- .ui.accordion .content > .content,
47
- .ui.accordion .accordion .content {
43
+ .ui.accordion .title ~ .content,
44
+ .ui.accordion .accordion .title ~ .content {
48
45
  display: none;
46
+ }
47
+
48
+ /* Default Styling */
49
+ .ui.accordion:not(.styled) .title ~ .content:not(.ui),
50
+ .ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
49
51
  margin: 0em;
50
- padding: 1.3em 1em;
52
+ padding: 0.5em 0em 1em;
53
+ }
54
+ .ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
55
+ padding-bottom: 0em;
51
56
  }
52
57
 
53
58
  /* Arrow */
54
-
55
59
  .ui.accordion .title .dropdown.icon,
56
60
  .ui.accordion .accordion .title .dropdown.icon {
57
61
  display: inline-block;
58
62
  float: none;
59
- margin: 0em 0.5em 0em 0em;
60
- -webkit-transition: -webkit-transform 0.2s ease,
61
- opacity 0.2s ease;
62
- transition: transform 0.2s ease,
63
- opacity 0.2s ease;
63
+ opacity: 0.75;
64
+ width: 1.25em;
65
+ height: 1em;
66
+ margin: 0em 0.25rem 0em 0rem;
67
+ padding: 0em;
68
+ font-size: 1em;
69
+ -webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
70
+ transition: transform 0.2s ease, opacity 0.2s ease;
71
+ vertical-align: baseline;
64
72
  -webkit-transform: rotate(0deg);
65
- -ms-transform: rotate(0deg);
66
- transform: rotate(0deg);
73
+ -ms-transform: rotate(0deg);
74
+ transform: rotate(0deg);
67
75
  }
68
76
 
69
- .ui.accordion .title .dropdown.icon:before,
70
- .ui.accordion .accordion .title .dropdown.icon:before {
71
- content: '\f0da'/*rtl:'\f0d9'*/;
72
- }
73
-
74
- /*--------------
75
- Loose Coupling
77
+ /*--------------
78
+ Coupling
76
79
  ---------------*/
77
80
 
78
- .ui.basic.accordion.menu {
79
- background-color: #FFFFFF;
80
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
81
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
82
- }
83
81
 
84
- .ui.basic.accordion.menu .title,
85
- .ui.basic.accordion.menu .content {
82
+ /* Menu */
83
+ .ui.accordion.menu .item .title {
84
+ display: block;
86
85
  padding: 0em;
87
86
  }
88
-
89
- .ui.accordion.menu .content {
90
- display: none;
87
+ .ui.accordion.menu .item .title > .dropdown.icon {
88
+ float: right;
89
+ margin: 0.165em 0em 0em 1em;
90
+ -webkit-transform: rotate(180deg);
91
+ -ms-transform: rotate(180deg);
92
+ transform: rotate(180deg);
91
93
  }
92
94
 
93
- /*******************************
94
- Types
95
- *******************************/
95
+ /* Header */
96
+ .ui.accordion .ui.header .dropdown.icon {
97
+ font-size: 1em;
98
+ margin: 0em 0.25rem 0em 0rem;
99
+ }
96
100
 
97
- /*--------------
98
- Basic
99
- ---------------*/
100
101
 
101
- .ui.basic.accordion {
102
- background-color: transparent;
103
- -webkit-box-shadow: none;
104
- box-shadow: none;
105
- }
102
+ /*******************************
103
+ States
104
+ *******************************/
106
105
 
107
- .ui.basic.accordion .title,
108
- .ui.basic.accordion .accordion .title {
109
- background-color: transparent;
110
- border-top: none;
111
- padding-left: 0em;
112
- padding-right: 0em;
106
+ .ui.accordion .active.title .dropdown.icon,
107
+ .ui.accordion .accordion .active.title .dropdown.icon {
108
+ -webkit-transform: rotate(90deg);
109
+ -ms-transform: rotate(90deg);
110
+ transform: rotate(90deg);
113
111
  }
114
-
115
- .ui.basic.accordion .content,
116
- .ui.basic.accordion .accordion .content {
117
- padding: 0.5em 0em;
112
+ .ui.accordion.menu .item .active.title > .dropdown.icon {
113
+ -webkit-transform: rotate(90deg);
114
+ -ms-transform: rotate(90deg);
115
+ transform: rotate(90deg);
118
116
  }
119
117
 
120
- .ui.basic.accordion .active.title,
121
- .ui.basic.accordion .accordion .active.title {
122
- background-color: transparent;
123
- }
124
118
 
125
- /*******************************
126
- States
119
+ /*******************************
120
+ Types
127
121
  *******************************/
128
122
 
129
- /*--------------
130
- Hover
123
+
124
+ /*--------------
125
+ Styled
131
126
  ---------------*/
132
127
 
133
- .ui.accordion .title:hover,
134
- .ui.accordion .active.title,
135
- .ui.accordion .accordion .title:hover,
136
- .ui.accordion .accordion .active.title {
137
- color: rgba(0, 0, 0, 0.8);
128
+ .ui.styled.accordion {
129
+ width: 600px;
130
+ }
131
+ .ui.styled.accordion,
132
+ .ui.styled.accordion .accordion {
133
+ border-radius: 0.2857rem;
134
+ background: #ffffff;
135
+ box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15);
136
+ }
137
+ .ui.styled.accordion .title,
138
+ .ui.styled.accordion .accordion .title {
139
+ margin: 0em;
140
+ padding: 0.75em 1em;
141
+ color: rgba(0, 0, 0, 0.4);
142
+ font-weight: bold;
143
+ border-top: 1px solid rgba(39, 41, 43, 0.15);
144
+ -webkit-transition: background 0.2s ease, color 0.2s ease;
145
+ transition: background 0.2s ease, color 0.2s ease;
146
+ }
147
+ .ui.styled.accordion > .title:first-child,
148
+ .ui.styled.accordion > .accordion .title:first-child {
149
+ border-top: none;
138
150
  }
139
151
 
140
- /*--------------
141
- Active
142
- ---------------*/
152
+ /* Content */
153
+ .ui.styled.accordion .content,
154
+ .ui.styled.accordion .accordion .content {
155
+ margin: 0em;
156
+ padding: 0.5em 1em 1.5em;
157
+ }
158
+ .ui.styled.accordion .accordion .content {
159
+ padding: 0em;
160
+ padding: 0.5em 1em 1.5em;
161
+ }
143
162
 
144
- .ui.accordion .active.title,
145
- .ui.accordion .accordion .active.title {
146
- background-color: rgba(0, 0, 0, 0.1);
163
+ /* Hover */
164
+ .ui.styled.accordion .title:hover,
165
+ .ui.styled.accordion .active.title,
166
+ .ui.styled.accordion .accordion .title:hover,
167
+ .ui.styled.accordion .accordion .active.title {
168
+ background: transparent;
169
+ color: rgba(0, 0, 0, 0.8);
170
+ }
171
+ .ui.styled.accordion .accordion .title:hover,
172
+ .ui.styled.accordion .accordion .active.title {
173
+ background: transparent;
147
174
  color: rgba(0, 0, 0, 0.8);
148
175
  }
149
176
 
150
- .ui.accordion .active.title .dropdown.icon,
151
- .ui.accordion .accordion .active.title .dropdown.icon {
152
- -webkit-transform: rotate(90deg);
153
- -ms-transform: rotate(90deg);
154
- transform: rotate(90deg);
177
+ /* Active */
178
+ .ui.styled.accordion .active.title {
179
+ background: transparent;
180
+ color: rgba(0, 0, 0, 0.8);
181
+ }
182
+ .ui.styled.accordion .accordion .active.title {
183
+ background: transparent;
184
+ color: rgba(0, 0, 0, 0.8);
155
185
  }
156
186
 
187
+
188
+ /*******************************
189
+ States
190
+ *******************************/
191
+
192
+
193
+ /*--------------
194
+ Active
195
+ ---------------*/
196
+
157
197
  .ui.accordion .active.content,
158
198
  .ui.accordion .accordion .active.content {
159
199
  display: block;
160
200
  }
161
201
 
162
- /*******************************
163
- Variations
202
+
203
+ /*******************************
204
+ Variations
164
205
  *******************************/
165
206
 
166
- /*--------------
167
- Fluid
207
+
208
+ /*--------------
209
+ Fluid
168
210
  ---------------*/
169
211
 
170
212
  .ui.fluid.accordion,
171
213
  .ui.fluid.accordion .accordion {
172
214
  width: 100%;
173
- }
215
+ }
216
+
217
+ /*--------------
218
+ Inverted
219
+ ---------------*/
220
+
221
+ .ui.inverted.accordion .title:not(.ui) {
222
+ color: #ffffff;
223
+ }
224
+
225
+
226
+ /*******************************
227
+ Theme Overrides
228
+ *******************************/
229
+
230
+ @font-face {
231
+ font-family: 'Accordion';
232
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
233
+ font-weight: normal;
234
+ font-style: normal;
235
+ }
236
+
237
+ /* Dropdown Icon */
238
+ .ui.accordion .title .dropdown.icon,
239
+ .ui.accordion .accordion .title .dropdown.icon {
240
+ font-family: Accordion;
241
+ line-height: 1;
242
+ -webkit-backface-visibility: hidden;
243
+ backface-visibility: hidden;
244
+ font-weight: normal;
245
+ font-style: normal;
246
+ text-align: center;
247
+ }
248
+ .ui.accordion .title .dropdown.icon:before,
249
+ .ui.accordion .accordion .title .dropdown.icon:before {
250
+ content: '\f0da' /*rtl:'\f0d9'*/;
251
+ }
252
+
253
+
254
+ /*******************************
255
+ User Overrides
256
+ *******************************/
257
+
@@ -1,15 +1,16 @@
1
1
  @import 'accordion';
2
- @import 'chatroom';
3
2
  @import 'checkbox';
4
3
  @import 'dimmer';
5
4
  @import 'dropdown';
6
5
  @import 'modal';
7
6
  @import 'nag';
8
7
  @import 'popup';
8
+ @import 'progress';
9
9
  @import 'rating';
10
10
  @import 'search';
11
11
  @import 'shape';
12
12
  @import 'sidebar';
13
+ @import 'sticky';
13
14
  @import 'tab';
14
15
  @import 'transition';
15
16
  @import 'video';
@@ -1,7 +1,7 @@
1
- /*
2
- * # Semantic - Checkbox
3
- * http://github.com/jlukic/semantic-ui/
4
- *
1
+ /*
2
+ * # Semantic UI
3
+ * https://github.com/Semantic-Org/Semantic-UI
4
+ * http://www.semantic-ui.com/
5
5
  *
6
6
  * Copyright 2014 Contributors
7
7
  * Released under the MIT license
@@ -9,194 +9,236 @@
9
9
  *
10
10
  */
11
11
 
12
+
13
+
12
14
  /*******************************
13
15
  Checkbox
14
16
  *******************************/
15
17
 
18
+
16
19
  /*--------------
17
- Standard
20
+ Content
18
21
  ---------------*/
19
22
 
20
- /*--- Content ---*/
21
-
22
23
  .ui.checkbox {
23
24
  position: relative;
24
25
  display: inline-block;
25
- min-width: 1em;
26
- min-height: 1.25em;
27
- line-height: 1em;
26
+ min-height: 17px;
27
+ font-size: 1rem;
28
+ line-height: 15px;
29
+ min-width: 17px;
30
+ -webkit-backface-visibility: hidden;
31
+ backface-visibility: hidden;
28
32
  outline: none;
29
33
  vertical-align: middle;
30
34
  }
31
-
32
35
  .ui.checkbox input {
33
36
  position: absolute;
34
37
  top: 0px;
35
38
  left: 0px;
36
- opacity: 0;
39
+ opacity: 0 !important;
37
40
  outline: none;
41
+ z-index: -1;
38
42
  }
39
43
 
40
- /*--- Box ---*/
44
+ /*--------------
45
+ Box
46
+ ---------------*/
41
47
 
42
48
  .ui.checkbox .box,
43
49
  .ui.checkbox label {
50
+ display: block;
44
51
  cursor: pointer;
45
- padding-left: 2em;
52
+ padding-left: 1.75em;
46
53
  outline: none;
47
54
  }
48
-
55
+ .ui.checkbox label {
56
+ font-size: 1em;
57
+ }
49
58
  .ui.checkbox .box:before,
50
59
  .ui.checkbox label:before {
51
60
  position: absolute;
52
- top: 0em;
53
- left: 0em;
54
61
  line-height: 1;
55
- width: 1em;
56
- height: 1em;
62
+ width: 17px;
63
+ height: 17px;
64
+ top: 0em;
57
65
  left: 0em;
58
66
  content: '';
59
- border-radius: 4px;
60
- background: #FFFFFF;
61
- -webkit-transition: background-color 0.3s ease,
62
- -webkit-box-shadow 0.3s ease;
63
- transition: background-color 0.3s ease,
64
- box-shadow 0.3s ease;
65
- -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
66
- box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
67
+ background: #ffffff;
68
+ border-radius: 0.25em;
69
+ -webkit-transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
70
+ transition: background-color 0.3s ease, border 0.3s ease, box-shadow 0.3s ease;
71
+ border: 1px solid #d4d4d5;
67
72
  }
68
73
 
69
- /*--- Checkbox ---*/
74
+ /*--------------
75
+ Checkmark
76
+ ---------------*/
70
77
 
71
78
  .ui.checkbox .box:after,
72
79
  .ui.checkbox label:after {
73
- -ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=0);";
74
- filter: alpha(opacity=0);
75
- opacity: 0;
76
- content: '';
77
80
  position: absolute;
78
- background: transparent;
79
- border: 0.2em solid #333333;
80
- border-top: none;
81
- border-right: none;
82
- -webkit-transform: rotate(-45deg);
83
- -ms-transform: rotate(-45deg);
84
- transform: rotate(-45deg);
85
- }
86
-
87
- .ui.checkbox .box:after,
88
- .ui.checkbox label:after {
89
- top: 0.275em;
90
- left: 0.2em;
91
- width: 0.45em;
92
- height: 0.15em;
81
+ top: 0px;
82
+ left: 0px;
83
+ line-height: 17px;
84
+ width: 17px;
85
+ height: 17px;
86
+ text-align: center;
87
+ opacity: 0;
88
+ color: rgba(0, 0, 0, 0.8);
89
+ -webkit-transition: all 0.1s ease;
90
+ transition: all 0.1s ease;
93
91
  }
94
92
 
95
- /*--- Inside Label ---*/
96
-
97
- .ui.checkbox label {
98
- display: block;
99
- color: rgba(0, 0, 0, 0.6);
100
- -webkit-transition: color 0.2s ease;
101
- transition: color 0.2s ease;
102
- }
93
+ /*--------------
94
+ Label
95
+ ---------------*/
103
96
 
104
- .ui.checkbox label:hover {
105
- color: rgba(0, 0, 0, 0.8);
106
- }
107
97
 
108
- .ui.checkbox input:focus ~ label {
98
+ /* Inside */
99
+ .ui.checkbox label,
100
+ .ui.checkbox + label {
101
+ cursor: pointer;
109
102
  color: rgba(0, 0, 0, 0.8);
103
+ -webkit-transition: color 0.2s ease;
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;
110
109
  }
111
110
 
112
- /*--- Outside Label ---*/
113
-
114
- .ui.checkbox ~ label {
115
- cursor: pointer;
116
- opacity: 0.85;
111
+ /* Outside */
112
+ .ui.checkbox + label {
117
113
  vertical-align: middle;
118
114
  }
119
115
 
120
- .ui.checkbox ~ label:hover {
121
- opacity: 1;
122
- }
123
116
 
124
117
  /*******************************
125
118
  States
126
119
  *******************************/
127
120
 
128
- /*--- Hover ---*/
121
+
122
+ /*--------------
123
+ Hover
124
+ ---------------*/
129
125
 
130
126
  .ui.checkbox .box:hover::before,
131
127
  .ui.checkbox label:hover::before {
132
- -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
133
- box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
128
+ background: #ffffff;
129
+ border: 1px solid rgba(39, 41, 43, 0.3);
130
+ }
131
+ .ui.checkbox label:hover,
132
+ .ui.checkbox + label:hover {
133
+ color: rgba(0, 0, 0, 0.8);
134
134
  }
135
135
 
136
- /*--- Down ---*/
136
+ /*--------------
137
+ Down
138
+ ---------------*/
137
139
 
138
140
  .ui.checkbox .box:active::before,
139
141
  .ui.checkbox label:active::before {
140
- background-color: #F5F5F5;
142
+ background: #f5f5f5;
143
+ border: 1px solid 1px solid rgba(39, 41, 43, 0.3);
144
+ }
145
+ .ui.checkbox input:active ~ label {
146
+ color: rgba(0, 0, 0, 0.8);
141
147
  }
142
148
 
143
- /*--- Focus ---*/
149
+ /*--------------
150
+ Focus
151
+ ---------------*/
144
152
 
145
153
  .ui.checkbox input:focus ~ .box:before,
146
154
  .ui.checkbox input:focus ~ label:before {
147
- -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
148
- box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
155
+ background: #f5f5f5;
156
+ border: 1px solid 1px solid rgba(39, 41, 43, 0.3);
157
+ }
158
+ .ui.checkbox input:focus ~ label {
159
+ color: rgba(0, 0, 0, 0.8);
149
160
  }
150
161
 
151
- /*--- Active ---*/
162
+ /*--------------
163
+ Active
164
+ ---------------*/
152
165
 
153
166
  .ui.checkbox input:checked ~ .box:after,
154
167
  .ui.checkbox input:checked ~ label:after {
155
- -ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=100);";
156
- filter: alpha(opacity=100);
157
168
  opacity: 1;
158
169
  }
159
170
 
160
- /*--- Disabled ---*/
171
+ /*--------------
172
+ Read-Only
173
+ ---------------*/
161
174
 
162
- .ui.disabled.checkbox ~ .box:after,
163
- .ui.checkbox input[disabled] ~ .box:after,
175
+ .ui.read-only.checkbox,
176
+ .ui.read-only.checkbox label {
177
+ cursor: default;
178
+ }
179
+
180
+ /*--------------
181
+ Disabled
182
+ ---------------*/
183
+
184
+ .ui.disabled.checkbox .box:after,
164
185
  .ui.disabled.checkbox label,
186
+ .ui.checkbox input[disabled] ~ .box:after,
165
187
  .ui.checkbox input[disabled] ~ label {
166
- opacity: 0.4;
167
- color: rgba(0, 0, 0, 0.3);
188
+ cursor: default;
189
+ opacity: 0.5;
190
+ color: #000000;
168
191
  }
169
192
 
193
+
170
194
  /*******************************
171
- Variations
195
+ Types
172
196
  *******************************/
173
197
 
198
+
174
199
  /*--------------
175
200
  Radio
176
201
  ---------------*/
177
202
 
203
+ .ui.radio.checkbox {
204
+ min-height: 14px;
205
+ }
206
+
207
+ /* Box */
178
208
  .ui.radio.checkbox .box:before,
179
209
  .ui.radio.checkbox label:before {
180
- min-width: 1em;
181
- height: 1em;
182
- border-radius: 500px;
210
+ width: 14px;
211
+ height: 14px;
212
+ border-radius: 500rem;
213
+ top: 1px;
214
+ left: 0px;
183
215
  -webkit-transform: none;
184
- -ms-transform: none;
185
- transform: none;
216
+ -ms-transform: none;
217
+ transform: none;
186
218
  }
187
219
 
220
+ /* Circle */
188
221
  .ui.radio.checkbox .box:after,
189
222
  .ui.radio.checkbox label:after {
190
223
  border: none;
191
- top: 0.2em;
192
- left: 0.2em;
193
- width: 0.6em;
194
- height: 0.6em;
195
- background-color: #555555;
196
- -webkit-transform: none;
197
- -ms-transform: none;
198
- transform: none;
199
- border-radius: 500px;
224
+ width: 14px;
225
+ height: 14px;
226
+ line-height: 14px;
227
+ top: 1px;
228
+ left: 0px;
229
+ font-size: 9px;
230
+ }
231
+
232
+ /* Radio Checkbox */
233
+ .ui.radio.checkbox .box:after,
234
+ .ui.radio.checkbox label:after {
235
+ width: 14px;
236
+ height: 14px;
237
+ border-radius: 500rem;
238
+ -webkit-transform: scale(0.42857143);
239
+ -ms-transform: scale(0.42857143);
240
+ transform: scale(0.42857143);
241
+ background-color: rgba(0, 0, 0, 0.8);
200
242
  }
201
243
 
202
244
  /*--------------
@@ -205,93 +247,93 @@
205
247
 
206
248
  .ui.slider.checkbox {
207
249
  cursor: pointer;
208
- min-width: 3em;
250
+ min-height: 1.25rem;
209
251
  }
210
-
211
- /* Line */
212
-
213
- .ui.slider.checkbox:after {
214
- position: absolute;
215
- top: 0.5em;
216
- left: 0em;
217
- content: '';
218
- width: 3em;
219
- height: 2px;
220
- background-color: rgba(0, 0, 0, 0.1);
221
- }
222
-
223
- /* Button */
224
-
225
252
  .ui.slider.checkbox .box,
226
253
  .ui.slider.checkbox label {
227
- padding-left: 4em;
254
+ padding-left: 4.5rem;
255
+ line-height: 1rem;
256
+ color: rgba(0, 0, 0, 0.4);
228
257
  }
229
258
 
259
+ /* Line */
230
260
  .ui.slider.checkbox .box:before,
231
261
  .ui.slider.checkbox label:before {
232
262
  cursor: pointer;
233
263
  display: block;
234
264
  position: absolute;
235
- top: -0.25em;
265
+ content: '';
266
+ top: 0.4rem;
236
267
  left: 0em;
237
268
  z-index: 1;
238
- width: 1.5em;
239
- height: 1.5em;
269
+ border: none !important;
270
+ background-color: rgba(0, 0, 0, 0.05);
271
+ width: 3.5rem;
272
+ height: 0.25rem;
240
273
  -webkit-transform: none;
241
- -ms-transform: none;
242
- transform: none;
243
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
244
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
245
- border-radius: 50rem;
246
- -webkit-transition: left 0.3s ease 0s;
247
- transition: left 0.3s ease 0s;
274
+ -ms-transform: none;
275
+ transform: none;
276
+ border-radius: 500rem;
277
+ -webkit-transition: background 0.3s ease
278
+ ;
279
+ transition: background 0.3s ease
280
+ ;
248
281
  }
249
282
 
250
- /* Button Activation Light */
251
-
283
+ /* Handle */
252
284
  .ui.slider.checkbox .box:after,
253
285
  .ui.slider.checkbox label:after {
254
- opacity: 1;
286
+ background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
287
+ background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
255
288
  position: absolute;
256
289
  content: '';
257
- top: 0.15em;
258
- left: 0em;
290
+ opacity: 1;
259
291
  z-index: 2;
260
- margin-left: 0.375em;
261
292
  border: none;
262
- width: 0.75em;
263
- height: 0.75em;
264
- border-radius: 50rem;
293
+ box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
294
+ width: 1.5rem;
295
+ height: 1.5rem;
296
+ top: -0.25rem;
297
+ left: 0em;
265
298
  -webkit-transform: none;
266
- -ms-transform: none;
267
- transform: none;
268
- -webkit-transition: background 0.3s ease 0s,
269
- left 0.3s ease 0s;
270
- transition: background 0.3s ease 0s,
271
- left 0.3s ease 0s;
299
+ -ms-transform: none;
300
+ transform: none;
301
+ border-radius: 500rem;
302
+ -webkit-transition: left 0.3s ease 0s
303
+ ;
304
+ transition: left 0.3s ease 0s
305
+ ;
306
+ }
307
+
308
+ /* Focus */
309
+ .ui.slider.checkbox input:focus ~ .box:before,
310
+ .ui.slider.checkbox input:focus ~ label:before {
311
+ background-color: rgba(0, 0, 0, 0.1);
312
+ border: none;
272
313
  }
273
314
 
274
- /* Selected Slider Toggle */
275
-
276
- .ui.slider.checkbox input:checked ~ .box:before,
277
- .ui.slider.checkbox input:checked ~ label:before,
278
- .ui.slider.checkbox input:checked ~ .box:after,
279
- .ui.slider.checkbox input:checked ~ label:after {
280
- left: 1.75em;
315
+ /* Hover */
316
+ .ui.slider.checkbox .box:hover,
317
+ .ui.slider.checkbox label:hover {
318
+ color: rgba(0, 0, 0, 0.8);
281
319
  }
282
-
283
- /* Off Color */
284
-
285
- .ui.slider.checkbox .box:after,
286
- .ui.slider.checkbox label:after {
287
- background-color: #D95C5C;
320
+ .ui.slider.checkbox .box:hover::before,
321
+ .ui.slider.checkbox label:hover::before {
322
+ background: rgba(0, 0, 0, 0.1);
288
323
  }
289
324
 
290
- /* On Color */
291
-
325
+ /* Active */
326
+ .ui.slider.checkbox input:checked ~ .box,
327
+ .ui.slider.checkbox input:checked ~ label {
328
+ color: rgba(0, 0, 0, 0.8);
329
+ }
330
+ .ui.slider.checkbox input:checked ~ .box:before,
331
+ .ui.slider.checkbox input:checked ~ label:before {
332
+ background-color: rgba(0, 0, 0, 0.1);
333
+ }
292
334
  .ui.slider.checkbox input:checked ~ .box:after,
293
335
  .ui.slider.checkbox input:checked ~ label:after {
294
- background-color: #89B84C;
336
+ left: 2rem;
295
337
  }
296
338
 
297
339
  /*--------------
@@ -300,86 +342,146 @@
300
342
 
301
343
  .ui.toggle.checkbox {
302
344
  cursor: pointer;
345
+ min-height: 1.5rem;
303
346
  }
304
-
305
347
  .ui.toggle.checkbox .box,
306
348
  .ui.toggle.checkbox label {
307
- padding-left: 4em;
349
+ min-height: 1.5rem;
350
+ padding-left: 4.5rem;
351
+ color: rgba(0, 0, 0, 0.8);
352
+ }
353
+ .ui.toggle.checkbox label {
354
+ padding-top: 0.15em;
308
355
  }
309
356
 
310
357
  /* Switch */
311
-
312
358
  .ui.toggle.checkbox .box:before,
313
359
  .ui.toggle.checkbox label:before {
314
360
  cursor: pointer;
315
361
  display: block;
316
362
  position: absolute;
317
363
  content: '';
318
- top: -0.25em;
319
- left: 0em;
364
+ top: 0rem;
320
365
  z-index: 1;
321
- background-color: #FFFFFF;
322
- width: 3em;
323
- height: 1.5em;
324
- -webkit-transform: none;
325
- -ms-transform: none;
326
- transform: none;
327
- -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
328
- box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
329
- border-radius: 50rem;
366
+ border: none;
367
+ background-color: rgba(0, 0, 0, 0.05);
368
+ width: 3.5rem;
369
+ height: 1.5rem;
370
+ border-radius: 500rem;
330
371
  }
331
372
 
332
- /* Activation Light */
333
-
373
+ /* Handle */
334
374
  .ui.toggle.checkbox .box:after,
335
375
  .ui.toggle.checkbox label:after {
336
- opacity: 1;
337
- background-color: transparent;
338
- -webkit-box-shadow: none;
339
- box-shadow: none;
340
- content: '';
376
+ background: #ffffff -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
377
+ background: #ffffff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
341
378
  position: absolute;
342
- top: 0.15em;
343
- left: 0.5em;
379
+ content: '';
380
+ opacity: 1;
344
381
  z-index: 2;
345
382
  border: none;
346
- width: 0.75em;
347
- height: 0.75em;
348
- background-color: #D95C5C;
349
- border-radius: 50rem;
383
+ box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05), 0px 0px 0px 1px rgba(39, 41, 43, 0.15) inset;
384
+ width: 1.5rem;
385
+ height: 1.5rem;
386
+ top: 0rem;
387
+ left: 0em;
388
+ border-radius: 500rem;
350
389
  -webkit-transition: background 0.3s ease 0s,
351
- left 0.3s ease 0s;
352
- transition: background 0.3s ease 0s,
353
- left 0.3s ease 0s;
390
+ left 0.3s ease 0s
391
+ ;
392
+ transition: background 0.3s ease 0s,
393
+ left 0.3s ease 0s
394
+ ;
395
+ }
396
+ .ui.toggle.checkbox input ~ .box:after,
397
+ .ui.toggle.checkbox input ~ label:after {
398
+ left: -0.05rem;
354
399
  }
355
400
 
356
- /* Active */
401
+ /* Focus */
402
+ .ui.toggle.checkbox input:focus ~ .box:before,
403
+ .ui.toggle.checkbox input:focus ~ label:before {
404
+ background-color: rgba(0, 0, 0, 0.1);
405
+ border: none;
406
+ }
357
407
 
358
- .ui.toggle.checkbox:active .box:before,
359
- .ui.toggle.checkbox:active label:before {
360
- background-color: #F5F5F5;
408
+ /* Hover */
409
+ .ui.toggle.checkbox .box:hover::before,
410
+ .ui.toggle.checkbox label:hover::before {
411
+ background-color: rgba(0, 0, 0, 0.1);
412
+ border: none;
361
413
  }
362
414
 
363
415
  /* Active */
364
-
416
+ .ui.toggle.checkbox input:checked ~ .box,
417
+ .ui.toggle.checkbox input:checked ~ label {
418
+ color: #5bbd72;
419
+ }
420
+ .ui.toggle.checkbox input:checked ~ .box:before,
421
+ .ui.toggle.checkbox input:checked ~ label:before {
422
+ background-color: #5bbd72;
423
+ }
365
424
  .ui.toggle.checkbox input:checked ~ .box:after,
366
425
  .ui.toggle.checkbox input:checked ~ label:after {
367
- left: 1.75em;
368
- background-color: #89B84C;
426
+ left: 2.05rem;
369
427
  }
370
428
 
429
+
430
+ /*******************************
431
+ Variations
432
+ *******************************/
433
+
434
+
371
435
  /*--------------
372
- Sizes
436
+ Fitted
373
437
  ---------------*/
374
438
 
375
- .ui.checkbox {
376
- font-size: 1em;
439
+ .ui.fitted.checkbox .box,
440
+ .ui.fitted.checkbox label {
441
+ padding-left: 0em !important;
442
+ }
443
+ .ui.fitted.toggle.checkbox,
444
+ .ui.fitted.toggle.checkbox {
445
+ width: 3.5rem;
446
+ }
447
+ .ui.fitted.slider.checkbox,
448
+ .ui.fitted.slider.checkbox {
449
+ width: 3.5rem;
377
450
  }
378
451
 
379
- .ui.large.checkbox {
380
- font-size: 1.25em;
452
+
453
+ /*******************************
454
+ Theme Overrides
455
+ *******************************/
456
+
457
+ @font-face {
458
+ font-family: 'Checkbox';
459
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
460
+ }
461
+ .ui.checkbox label:before,
462
+ .ui.checkbox .box:before,
463
+ .ui.checkbox label:after,
464
+ .ui.checkbox .box:after {
465
+ font-family: 'Checkbox';
466
+ }
467
+ .ui.checkbox label:after,
468
+ .ui.checkbox .box:after {
469
+ content: '\e800';
381
470
  }
471
+ /* UTF Reference
472
+ .check:before { content: '\e800'; } ''
473
+ .circle:before { content: '\e801'; }
474
+ .ok-circled:before { content: '\e806'; }
475
+ .ok-circle:before { content: '\e805'; }
476
+ .cancel-circle:before { content: '\e807'; }
477
+ .cancel-circle-1:before { content: '\e804'; }
478
+ .empty-circle:before { content: '\e802'; }
479
+ .radio:before { content: '\e803'; }
480
+
481
+ */
482
+
483
+
484
+ /*******************************
485
+ Site Overrides
486
+ *******************************/
382
487
 
383
- .ui.huge.checkbox {
384
- font-size: 1.5em;
385
- }