semantic-ui-sass 0.19.3.1 → 1.7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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,d09GRgABAAAAAAoUAA4AAAAAEPQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABRAAAAEQAAABWPeFJAWNtYXAAAAGIAAAAOgAAAUrQEhm3Y3Z0IAAAAcQAAAAUAAAAHAZJ/5RmcGdtAAAB2AAABPkAAAmRigp4O2dhc3AAAAbUAAAACAAAAAgAAAAQZ2x5ZgAABtwAAACuAAAAtt9nBHZoZWFkAAAHjAAAADUAAAA2ASs8e2hoZWEAAAfEAAAAIAAAACQHUwNNaG10eAAAB+QAAAAMAAAADAspAABsb2NhAAAH8AAAAAgAAAAIADgAW21heHAAAAf4AAAAIAAAACAApgm8bmFtZQAACBgAAAF3AAACzcydGhxwb3N0AAAJkAAAACoAAAA7rr1AmHByZXAAAAm8AAAAVgAAAFaSoZr/eJxjYGTewTiBgZWBg6mKaQ8DA0MPhGZ8wGDIyMTAwMTAysyAFQSkuaYwOLxgeMHIHPQ/iyGKmZvBHyjMCJIDAPe9C2B4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGF4w/v8PUvCCAURLMELVAwEjG8OIBwBk5AavAAB4nGNgQANGDEbM3P83gjAAELQD4XicnVXZdtNWFJU8ZHASOmSgoA7X3DhQ68qEKRgwaSrFdiEdHAitBB2kDHTkncc+62uOQrtWH/m07n09JLR0rbYsls++R1tn2DrnRhwjKn0aiGvUoZKXA6msPZZK90lc13Uvj5UMBnFdthJPSZuonSRKat3sUC7xWOsqWSdYJ+PlIFZPVZ5noAziFB5lSUQbRBuplyZJ4onjJ4kWZxAfJUkgJaMQp9LIUEI1GsRS1aFM6dCr1xNx00DKRqMedVhU90PFJ8c1p9SsA0YqVznCFevVRr4bpwMve5DEOsGzrYcxHnisfpQqkIqR6cg/dkpOlIaBVHHUoVbi6DCTX/eRTCrNQKaMYkWl7oG43f102xYxPXQ6vi5KlUaqurnOKJrt0fGogygP2cbppNzQ2fbw5RlTVKtdcbPtQGYNXErJbHSfRAAdJlLj6QFONZwCqRn1R8XZ588BEslclKo8VTKHegOZMzt7cTHtbiersnCknwcyb3Z2452HQ6dXh3/R+hdM4cxHj+Jifj5C+lBqfiJOJKVGWMzyp4YfcVcgQrkxiAsXyuBThDl0RdrZZl3jtTH2hs/5SqlhPQna6KP4fgr9TiQrHGdRo/VInM1j13Wt3GdQS7W7Fzsyr0OVIu7vCwuuM+eEYZ4WC1VfnvneBTT/Bohn/EDeNIVL+5YpSrRvm6JMu2iKCu0SVKVdNsUU7YoppmnPmmKG9h1TzNKeMzLj/8vc55H7HN7xkJv2XeSmfQ+5ad9HbtoPkJtWITdtHblpLyA3rUZu2lWjOnYEGgZpF1IVQdA0svph3Fab9UDWjDR8aWDyLmLI+upER521tcofxX914gsHcmmip7siF5viLq/bFj483e6rj5pG3bDV+MaR8jAeRnocmtBZ+c3hv+1N3S6a7jKqMugBFUwKwABl7UAC0zrbCaT1mqf48gdgXIZ4zkpDtVSfO4am7+V5X/exOfG+x+3GLrdcd3kJWdYNcmP28N9SZKrrH+UtrVQnR6wrJ49VaxhDKrwour6SlHu0tRu/KKmy8l6U1srnk5CbPYMbQlu27mGwI0xpyiUeXlOlKD3UUo6yQyxvKco84JSLC1qGxLgOdQ9qa8TpoXoYGwshhqG0vRBwSCldFd+0ynfxHqtr2Oj4xRXh6XpyEhGf4ir7UfBU10b96A7avGbdMoMpVaqn+4xPsa/b9lFZaaSOsxe3VAfXNOsaORXTT+Rr4HRvOGjdAz1UfDRBI1U1x+jGKGM0ljXl3wR0MVZ+w2jVYvs93E+dpFWsuUuY7JsT9+C0u/0q+7WcW0bW/dcGvW3kip8jMb8tCvw7B2K3ZA3UO5OBGAvIWdAYxhYmdxiug23EbfY/Jqf/34aFRXJXOxq7eerD1ZNRJXfZ8rjLTXZZ16M2R9VOGvsIjS0PN+bY4XIstsRgQbb+wf8x7gF3aVEC4NDIZZiI2nShnurh6h6rsW04VxIBds2x43QAegAuQd8cu9bzCYD13CPnLsB9cgh2yCH4lByCz8i5BfA5OQRfkEMwIIdgl5w7AA/IIXhIDsEeOQSPyNkE+JIcgq/IIYjJIUjIuQ3wmByCJ+QQfE0OwTdGrk5k/pYH2QD6zqKbQKmdGhzaOGRGrk3Y+zxY9oFFZB9aROqRkesT6lMeLPV7i0j9wSJSfzRyY0L9iQdL/dkiUn+xiNRnxpeZIymvDp7zjg7+BJfqrV4AAAAAAQAB//8AD3icY2BkAALmJUwzGEQZZBwk+RkZGBmdGJgYmbIYgMwsoGSiiLgIs5A2owg7I5uSOqOaiT2jmZE8I5gQY17C/09BQEfg3yt+fh8gvYQxD0j68DOJiQn8U+DnZxQDcQUEljLmCwBpBgbG/3//b2SOZ+Zm4GEQcuAH2sblDLSEm8FFVJhJEGgLH6OSHpMdo5EcI3Nk0bEXJ/LYqvZ82VXHGFd6pKTkyCsQwQAAq+QkqAAAeJxjYGRgYADiw5VSsfH8Nl8ZuJlfAEUYzpvO6IXQCb7///7fyLyEmRvI5WBgAokCAFb/DJAAAAB4nGNgZGBgDvqfxRDF/IKB4f935iUMQBEUwAwAi5YFpgPoAAAD6AAAA1kAAAAAAAAAOABbAAEAAAADABYAAQAAAAAAAgAGABMAbgAAAC0JkQAAAAB4nHWQy2rCQBSG//HSi0JbWui2sypKabxgN4IgWHTTbqS4LTHGJBIzMhkFX6Pv0IfpS/RZ+puMpShNmMx3vjlz5mQAXOMbAvnzxJGzwBmjnAs4Rc9ykf7Zcon8YrmMKt4sn9C/W67gAYHlKm7wwQqidM5ogU/LAlfi0nIBF+LOcpH+0XKJ3LNcxq14tXxC71muYCJSy1Xci6+BWm11FIRG1gZ12W62OnK6lYoqStxYumsTKp3KvpyrxPhxrBxPLfc89oN17Op9uJ8nvk4jlciW09yrkZ/42jX+bFc93QRtY+ZyrtVSDm2GXGm18D3jhMasuo3G3/MwgMIKW2hEvKoQBhI12jrnNppooUOaMkMyM8+KkMBFTONizR1htpIy7nPMGSW0PjNisgOP3+WRH5MC7o9ZRR+tHsYT0u6MKPOSfTns7jBrREqyTDezs9/eU2x4WpvWcNeuS511JTE8qCF5H7u1BY1H72S3Ymi7aPD95/9+AN1fhEsAeJxjYGKAAC4G7ICZgYGRiZGZMzkjNTk7N7Eomy05syg5J5WBAQBE1QZBAABLuADIUlixAQGOWbkIAAgAYyCwASNEsAMjcLIEKAlFUkSyCgIHKrEGAUSxJAGIUViwQIhYsQYDRLEmAYhRWLgEAIhYsQYBRFlZWVm4Af+FsASNsQUARAAA) 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
- }