vue_crud 0.1.9.5 → 0.1.9.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (90) hide show
  1. checksums.yaml +4 -4
  2. data/lib/generators/vue_crud/example_generator.rb +12 -0
  3. data/lib/generators/vue_crud/install_generator.rb +1 -1
  4. data/lib/generators/vue_crud/pace_generator.rb +11 -0
  5. data/lib/generators/vue_crud/semantic_generator.rb +12 -0
  6. data/lib/generators/vue_crud/templates/assets/images/semantic-ui/flags.png +0 -0
  7. data/lib/generators/vue_crud/templates/assets/javascripts/pace.min.js +1 -0
  8. data/lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/checkbox.js +831 -0
  9. data/lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/dimmer.js +708 -0
  10. data/lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/dropdown.js +3741 -0
  11. data/lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/modal.js +913 -0
  12. data/lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/site.js +487 -0
  13. data/lib/generators/vue_crud/templates/assets/javascripts/semantic-ui/transition.js +1089 -0
  14. data/lib/generators/vue_crud/templates/assets/javascripts/vue.js +7402 -0
  15. data/lib/generators/vue_crud/templates/assets/stylesheets/pace.min.css +1 -0
  16. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/.DS_Store +0 -0
  17. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/.DS_Store +0 -0
  18. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_all.scss +7 -0
  19. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +124 -0
  20. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_form.scss +1706 -0
  21. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_grid.scss +84 -0
  22. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_grid_bk.scss +2032 -0
  23. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_menu.scss +2021 -0
  24. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_message.scss +482 -0
  25. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_mixins.scss +3 -0
  26. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/_table.scss +1108 -0
  27. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/mixins/.DS_Store +0 -0
  28. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/mixins/_clearfix.scss +1 -0
  29. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/mixins/_grid-framework.scss +1 -0
  30. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/collections/mixins/_grid.scss +1 -0
  31. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_all.scss +15 -0
  32. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_button.scss +3470 -0
  33. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_container.scss +148 -0
  34. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_divider.scss +262 -0
  35. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_flag.scss +1031 -0
  36. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_header.scss +721 -0
  37. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_icon.scss +3148 -0
  38. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_image.scss +306 -0
  39. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_input.scss +517 -0
  40. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_label.scss +1314 -0
  41. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_list.scss +951 -0
  42. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_loader.scss +349 -0
  43. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_rail.scss +152 -0
  44. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_reveal.scss +307 -0
  45. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_segment.scss +799 -0
  46. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/elements/_step.scss +646 -0
  47. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/globals/_all.scss +3 -0
  48. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/globals/_reset.scss +424 -0
  49. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/globals/_site.scss +163 -0
  50. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/globals/_variables.scss +32 -0
  51. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_accordion.scss +256 -0
  52. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_all.scss +17 -0
  53. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_checkbox.scss +627 -0
  54. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_dimmer.scss +199 -0
  55. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_dropdown.scss +1425 -0
  56. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_embed.scss +167 -0
  57. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_modal.scss +509 -0
  58. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_nag.scss +147 -0
  59. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_popup.scss +764 -0
  60. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_progress.scss +516 -0
  61. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_rating.scss +265 -0
  62. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_search.scss +409 -0
  63. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_shape.scss +157 -0
  64. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_sidebar.scss +644 -0
  65. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_sticky.scss +78 -0
  66. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_tab.scss +91 -0
  67. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_transition.scss +1981 -0
  68. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/modules/_video.scss +125 -0
  69. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_ad.scss +276 -0
  70. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_all.scss +6 -0
  71. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_card.scss +685 -0
  72. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_comment.scss +270 -0
  73. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_feed.scss +300 -0
  74. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_item.scss +481 -0
  75. data/lib/generators/vue_crud/templates/assets/stylesheets/semantic-ui/views/_statistic.scss +583 -0
  76. data/lib/generators/vue_crud/templates/example/user.rb +10 -0
  77. data/lib/generators/vue_crud/templates/example/users/index.html.erb +154 -0
  78. data/lib/generators/vue_crud/templates/example/users/index.json.jbuilder +15 -0
  79. data/lib/generators/vue_crud/templates/example/users/show.json.jbuilder +11 -0
  80. data/lib/generators/vue_crud/templates/example/users_controller.rb +85 -0
  81. data/lib/generators/vue_crud/vuejs_generator.rb +10 -0
  82. data/lib/vue_crud/version.rb +1 -1
  83. data/vendor/assets/javascripts/vue_crud.js +24 -3
  84. data/vendor/assets/stylesheets/vue_crud.css +0 -2
  85. metadata +80 -6
  86. data/vue_crud-0.1.5.gem +0 -0
  87. data/vue_crud-0.1.6.gem +0 -0
  88. data/vue_crud-0.1.7.gem +0 -0
  89. data/vue_crud-0.1.8.gem +0 -0
  90. data/vue_crud-0.1.9.gem +0 -0
@@ -0,0 +1,199 @@
1
+ /*!
2
+ * # Semantic UI 2.2.4 - Dimmer
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ Dimmer
14
+ *******************************/
15
+
16
+ .dimmable:not(.body) {
17
+ position: relative;
18
+ }
19
+ .ui.dimmer {
20
+ display: none;
21
+ position: absolute;
22
+ top: 0em !important;
23
+ left: 0em !important;
24
+ width: 100%;
25
+ height: 100%;
26
+ text-align: center;
27
+ vertical-align: middle;
28
+ background-color: rgba(0, 0, 0, 0.85);
29
+ opacity: 0;
30
+ line-height: 1;
31
+ -webkit-animation-fill-mode: both;
32
+ animation-fill-mode: both;
33
+ -webkit-animation-duration: 0.5s;
34
+ animation-duration: 0.5s;
35
+ -webkit-transition: background-color 0.5s linear;
36
+ transition: background-color 0.5s linear;
37
+ -webkit-user-select: none;
38
+ -moz-user-select: none;
39
+ -ms-user-select: none;
40
+ user-select: none;
41
+ will-change: opacity;
42
+ z-index: 1000;
43
+ }
44
+
45
+ /* Dimmer Content */
46
+ .ui.dimmer > .content {
47
+ width: 100%;
48
+ height: 100%;
49
+ display: table;
50
+ -webkit-user-select: text;
51
+ -moz-user-select: text;
52
+ -ms-user-select: text;
53
+ user-select: text;
54
+ }
55
+ .ui.dimmer > .content > * {
56
+ display: table-cell;
57
+ vertical-align: middle;
58
+ color: #FFFFFF;
59
+ }
60
+
61
+ /* Loose Coupling */
62
+ .ui.segment > .ui.dimmer {
63
+ border-radius: inherit !important;
64
+ }
65
+
66
+
67
+ /*******************************
68
+ States
69
+ *******************************/
70
+
71
+ .animating.dimmable:not(body),
72
+ .dimmed.dimmable:not(body) {
73
+ overflow: hidden;
74
+ }
75
+ .dimmed.dimmable > .ui.animating.dimmer,
76
+ .dimmed.dimmable > .ui.visible.dimmer,
77
+ .ui.active.dimmer {
78
+ display: block;
79
+ opacity: 1;
80
+ }
81
+ .ui.disabled.dimmer {
82
+ width: 0 !important;
83
+ height: 0 !important;
84
+ }
85
+
86
+
87
+ /*******************************
88
+ Variations
89
+ *******************************/
90
+
91
+
92
+ /*--------------
93
+ Page
94
+ ---------------*/
95
+
96
+ .ui.page.dimmer {
97
+ position: fixed;
98
+ -webkit-transform-style: '';
99
+ transform-style: '';
100
+ -webkit-perspective: 2000px;
101
+ perspective: 2000px;
102
+ -webkit-transform-origin: center center;
103
+ -ms-transform-origin: center center;
104
+ transform-origin: center center;
105
+ }
106
+ body.animating.in.dimmable,
107
+ body.dimmed.dimmable {
108
+ overflow: hidden;
109
+ }
110
+ body.dimmable > .dimmer {
111
+ position: fixed;
112
+ }
113
+
114
+ /*--------------
115
+ Blurring
116
+ ---------------*/
117
+
118
+ .blurring.dimmable > :not(.dimmer) {
119
+ -webkit-filter: blur(0px) grayscale(0);
120
+ filter: blur(0px) grayscale(0);
121
+ -webkit-transition: 800ms filter ease;
122
+ transition: 800ms filter ease;
123
+ }
124
+ .blurring.dimmed.dimmable > :not(.dimmer) {
125
+ -webkit-filter: blur(5px) grayscale(0.7);
126
+ filter: blur(5px) grayscale(0.7);
127
+ }
128
+
129
+ /* Dimmer Color */
130
+ .blurring.dimmable > .dimmer {
131
+ background-color: rgba(0, 0, 0, 0.6);
132
+ }
133
+ .blurring.dimmable > .inverted.dimmer {
134
+ background-color: rgba(255, 255, 255, 0.6);
135
+ }
136
+
137
+ /*--------------
138
+ Aligned
139
+ ---------------*/
140
+
141
+ .ui.dimmer > .top.aligned.content > * {
142
+ vertical-align: top;
143
+ }
144
+ .ui.dimmer > .bottom.aligned.content > * {
145
+ vertical-align: bottom;
146
+ }
147
+
148
+ /*--------------
149
+ Inverted
150
+ ---------------*/
151
+
152
+ .ui.inverted.dimmer {
153
+ background-color: rgba(255, 255, 255, 0.85);
154
+ }
155
+ .ui.inverted.dimmer > .content > * {
156
+ color: #FFFFFF;
157
+ }
158
+
159
+ /*--------------
160
+ Simple
161
+ ---------------*/
162
+
163
+
164
+ /* Displays without javascript */
165
+ .ui.simple.dimmer {
166
+ display: block;
167
+ overflow: hidden;
168
+ opacity: 1;
169
+ width: 0%;
170
+ height: 0%;
171
+ z-index: -100;
172
+ background-color: rgba(0, 0, 0, 0);
173
+ }
174
+ .dimmed.dimmable > .ui.simple.dimmer {
175
+ overflow: visible;
176
+ opacity: 1;
177
+ width: 100%;
178
+ height: 100%;
179
+ background-color: rgba(0, 0, 0, 0.85);
180
+ z-index: 1;
181
+ }
182
+ .ui.simple.inverted.dimmer {
183
+ background-color: rgba(255, 255, 255, 0);
184
+ }
185
+ .dimmed.dimmable > .ui.simple.inverted.dimmer {
186
+ background-color: rgba(255, 255, 255, 0.85);
187
+ }
188
+
189
+
190
+ /*******************************
191
+ Theme Overrides
192
+ *******************************/
193
+
194
+
195
+
196
+ /*******************************
197
+ User Overrides
198
+ *******************************/
199
+
@@ -0,0 +1,1425 @@
1
+ /*!
2
+ * # Semantic UI 2.2.4 - Dropdown
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Released under the MIT license
7
+ * http://opensource.org/licenses/MIT
8
+ *
9
+ */
10
+
11
+
12
+ /*******************************
13
+ Dropdown
14
+ *******************************/
15
+
16
+ .ui.dropdown {
17
+ cursor: pointer;
18
+ position: relative;
19
+ display: inline-block;
20
+ outline: none;
21
+ text-align: left;
22
+ -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
23
+ transition: box-shadow 0.1s ease, width 0.1s ease;
24
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
25
+ }
26
+
27
+
28
+ /*******************************
29
+ Content
30
+ *******************************/
31
+
32
+
33
+ /*--------------
34
+ Menu
35
+ ---------------*/
36
+
37
+ .ui.dropdown .menu {
38
+ cursor: auto;
39
+ position: absolute;
40
+ display: none;
41
+ outline: none;
42
+ top: 100%;
43
+ min-width: -webkit-max-content;
44
+ min-width: -moz-max-content;
45
+ min-width: max-content;
46
+ margin: 0em;
47
+ padding: 0em 0em;
48
+ background: #FFFFFF;
49
+ font-size: 1em;
50
+ text-shadow: none;
51
+ text-align: left;
52
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
53
+ border: 1px solid rgba(34, 36, 38, 0.15);
54
+ border-radius: 0.28571429rem;
55
+ -webkit-transition: opacity 0.1s ease;
56
+ transition: opacity 0.1s ease;
57
+ z-index: 11;
58
+ will-change: transform, opacity;
59
+ }
60
+ .ui.dropdown .menu > * {
61
+ white-space: nowrap;
62
+ }
63
+
64
+ /*--------------
65
+ Hidden Input
66
+ ---------------*/
67
+
68
+ .ui.dropdown > input:not(.search):first-child,
69
+ .ui.dropdown > select {
70
+ display: none !important;
71
+ }
72
+
73
+ /*--------------
74
+ Dropdown Icon
75
+ ---------------*/
76
+
77
+ .ui.dropdown > .dropdown.icon {
78
+ position: relative;
79
+ width: auto;
80
+ font-size: 0.85714286em;
81
+ margin: 0em 0em 0em 1em;
82
+ }
83
+ .ui.dropdown .menu > .item .dropdown.icon {
84
+ width: auto;
85
+ float: right;
86
+ margin: 0em 0em 0em 1em;
87
+ }
88
+ .ui.dropdown .menu > .item .dropdown.icon + .text {
89
+ margin-right: 1em;
90
+ }
91
+
92
+ /*--------------
93
+ Text
94
+ ---------------*/
95
+
96
+ .ui.dropdown > .text {
97
+ display: inline-block;
98
+ -webkit-transition: none;
99
+ transition: none;
100
+ }
101
+
102
+ /*--------------
103
+ Menu Item
104
+ ---------------*/
105
+
106
+ .ui.dropdown .menu > .item {
107
+ position: relative;
108
+ cursor: pointer;
109
+ display: block;
110
+ border: none;
111
+ height: auto;
112
+ text-align: left;
113
+ border-top: none;
114
+ line-height: 1em;
115
+ color: rgba(0, 0, 0, 0.87);
116
+ padding: 0.78571429rem 1.14285714rem !important;
117
+ font-size: 1rem;
118
+ text-transform: none;
119
+ font-weight: normal;
120
+ box-shadow: none;
121
+ -webkit-touch-callout: none;
122
+ }
123
+ .ui.dropdown .menu > .item:first-child {
124
+ border-top-width: 0px;
125
+ }
126
+
127
+ /*--------------
128
+ Floated Content
129
+ ---------------*/
130
+
131
+ .ui.dropdown > .text > [class*="right floated"],
132
+ .ui.dropdown .menu .item > [class*="right floated"] {
133
+ float: right !important;
134
+ margin-right: 0em !important;
135
+ margin-left: 1em !important;
136
+ }
137
+ .ui.dropdown > .text > [class*="left floated"],
138
+ .ui.dropdown .menu .item > [class*="left floated"] {
139
+ float: left !important;
140
+ margin-left: 0em !important;
141
+ margin-right: 1em !important;
142
+ }
143
+ .ui.dropdown .menu .item > .icon.floated,
144
+ .ui.dropdown .menu .item > .flag.floated,
145
+ .ui.dropdown .menu .item > .image.floated,
146
+ .ui.dropdown .menu .item > img.floated {
147
+ margin-top: 0em;
148
+ }
149
+
150
+ /*--------------
151
+ Menu Divider
152
+ ---------------*/
153
+
154
+ .ui.dropdown .menu > .header {
155
+ margin: 1rem 0rem 0.75rem;
156
+ padding: 0em 1.14285714rem;
157
+ color: rgba(0, 0, 0, 0.85);
158
+ font-size: 0.78571429em;
159
+ font-weight: bold;
160
+ text-transform: uppercase;
161
+ }
162
+ .ui.dropdown .menu > .divider {
163
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
164
+ height: 0em;
165
+ margin: 0.5em 0em;
166
+ }
167
+ .ui.dropdown .menu > .input {
168
+ width: auto;
169
+ display: -webkit-box;
170
+ display: -webkit-flex;
171
+ display: -ms-flexbox;
172
+ display: flex;
173
+ margin: 1.14285714rem 0.78571429rem;
174
+ min-width: 10rem;
175
+ }
176
+ .ui.dropdown .menu > .header + .input {
177
+ margin-top: 0em;
178
+ }
179
+ .ui.dropdown .menu > .input:not(.transparent) input {
180
+ padding: 0.5em 1em;
181
+ }
182
+ .ui.dropdown .menu > .input:not(.transparent) .button,
183
+ .ui.dropdown .menu > .input:not(.transparent) .icon,
184
+ .ui.dropdown .menu > .input:not(.transparent) .label {
185
+ padding-top: 0.5em;
186
+ padding-bottom: 0.5em;
187
+ }
188
+
189
+ /*-----------------
190
+ Item Description
191
+ -------------------*/
192
+
193
+ .ui.dropdown > .text > .description,
194
+ .ui.dropdown .menu > .item > .description {
195
+ float: right;
196
+ margin: 0em 0em 0em 1em;
197
+ color: rgba(0, 0, 0, 0.4);
198
+ }
199
+
200
+ /*-----------------
201
+ Message
202
+ -------------------*/
203
+
204
+ .ui.dropdown .menu > .message {
205
+ padding: 0.78571429rem 1.14285714rem;
206
+ font-weight: normal;
207
+ }
208
+ .ui.dropdown .menu > .message:not(.ui) {
209
+ color: rgba(0, 0, 0, 0.4);
210
+ }
211
+
212
+ /*--------------
213
+ Sub Menu
214
+ ---------------*/
215
+
216
+ .ui.dropdown .menu .menu {
217
+ top: 0% !important;
218
+ left: 100% !important;
219
+ right: auto !important;
220
+ margin: 0em 0em 0em -0.5em !important;
221
+ border-radius: 0.28571429rem !important;
222
+ z-index: 21 !important;
223
+ }
224
+
225
+ /* Hide Arrow */
226
+ .ui.dropdown .menu .menu:after {
227
+ display: none;
228
+ }
229
+
230
+ /*--------------
231
+ Sub Elements
232
+ ---------------*/
233
+
234
+
235
+ /* Icons / Flags / Labels / Image */
236
+ .ui.dropdown > .text > .icon,
237
+ .ui.dropdown > .text > .label,
238
+ .ui.dropdown > .text > .flag,
239
+ .ui.dropdown > .text > img,
240
+ .ui.dropdown > .text > .image {
241
+ margin-top: 0em;
242
+ }
243
+ .ui.dropdown .menu > .item > .icon,
244
+ .ui.dropdown .menu > .item > .label,
245
+ .ui.dropdown .menu > .item > .flag,
246
+ .ui.dropdown .menu > .item > .image,
247
+ .ui.dropdown .menu > .item > img {
248
+ margin-top: 0em;
249
+ }
250
+ .ui.dropdown > .text > .icon,
251
+ .ui.dropdown > .text > .label,
252
+ .ui.dropdown > .text > .flag,
253
+ .ui.dropdown > .text > img,
254
+ .ui.dropdown > .text > .image,
255
+ .ui.dropdown .menu > .item > .icon,
256
+ .ui.dropdown .menu > .item > .label,
257
+ .ui.dropdown .menu > .item > .flag,
258
+ .ui.dropdown .menu > .item > .image,
259
+ .ui.dropdown .menu > .item > img {
260
+ margin-left: 0em;
261
+ float: none;
262
+ margin-right: 0.78571429rem;
263
+ }
264
+
265
+ /*--------------
266
+ Image
267
+ ---------------*/
268
+
269
+ .ui.dropdown > .text > img,
270
+ .ui.dropdown > .text > .image,
271
+ .ui.dropdown .menu > .item > .image,
272
+ .ui.dropdown .menu > .item > img {
273
+ display: inline-block;
274
+ vertical-align: middle;
275
+ width: auto;
276
+ max-height: 2em;
277
+ }
278
+
279
+
280
+ /*******************************
281
+ Coupling
282
+ *******************************/
283
+
284
+
285
+ /*--------------
286
+ Menu
287
+ ---------------*/
288
+
289
+
290
+ /* Remove Menu Item Divider */
291
+ .ui.dropdown .ui.menu > .item:before,
292
+ .ui.menu .ui.dropdown .menu > .item:before {
293
+ display: none;
294
+ }
295
+
296
+ /* Prevent Menu Item Border */
297
+ .ui.menu .ui.dropdown .menu .active.item {
298
+ border-left: none;
299
+ }
300
+
301
+ /* Automatically float dropdown menu right on last menu item */
302
+ .ui.menu .right.menu .dropdown:last-child .menu,
303
+ .ui.menu .right.dropdown.item .menu,
304
+ .ui.buttons > .ui.dropdown:last-child .menu {
305
+ left: auto;
306
+ right: 0em;
307
+ }
308
+
309
+ /*--------------
310
+ Label
311
+ ---------------*/
312
+
313
+
314
+ /* Dropdown Menu */
315
+ .ui.label.dropdown .menu {
316
+ min-width: 100%;
317
+ }
318
+
319
+ /*--------------
320
+ Button
321
+ ---------------*/
322
+
323
+
324
+ /* No Margin On Icon Button */
325
+ .ui.dropdown.icon.button > .dropdown.icon {
326
+ margin: 0em;
327
+ }
328
+ .ui.button.dropdown .menu {
329
+ min-width: 100%;
330
+ }
331
+
332
+
333
+ /*******************************
334
+ Types
335
+ *******************************/
336
+
337
+
338
+ /*--------------
339
+ Selection
340
+ ---------------*/
341
+
342
+
343
+ /* Displays like a select box */
344
+ .ui.selection.dropdown {
345
+ cursor: pointer;
346
+ word-wrap: break-word;
347
+ line-height: 1em;
348
+ white-space: normal;
349
+ outline: 0;
350
+ -webkit-transform: rotateZ(0deg);
351
+ -ms-transform: rotate(0deg);
352
+ transform: rotateZ(0deg);
353
+ min-width: 14em;
354
+ min-height: 2.7142em;
355
+ background: #FFFFFF;
356
+ display: inline-block;
357
+ padding: 0.78571429em 2.1em 0.78571429em 1em;
358
+ color: rgba(0, 0, 0, 0.87);
359
+ box-shadow: none;
360
+ border: 1px solid rgba(34, 36, 38, 0.15);
361
+ border-radius: 0.28571429rem;
362
+ -webkit-transition: box-shadow 0.1s ease, width 0.1s ease;
363
+ transition: box-shadow 0.1s ease, width 0.1s ease;
364
+ }
365
+ .ui.selection.dropdown.visible,
366
+ .ui.selection.dropdown.active {
367
+ z-index: 10;
368
+ }
369
+ select.ui.dropdown {
370
+ height: 38px;
371
+ padding: 0.5em;
372
+ border: 1px solid rgba(34, 36, 38, 0.15);
373
+ visibility: visible;
374
+ }
375
+ .ui.selection.dropdown > .search.icon,
376
+ .ui.selection.dropdown > .delete.icon,
377
+ .ui.selection.dropdown > .dropdown.icon {
378
+ cursor: pointer;
379
+ position: absolute;
380
+ width: auto;
381
+ height: auto;
382
+ line-height: 1.2142em;
383
+ top: 0.78571429em;
384
+ right: 1em;
385
+ z-index: 3;
386
+ margin: -0.78571429em;
387
+ padding: 0.78571429em;
388
+ opacity: 0.8;
389
+ -webkit-transition: opacity 0.1s ease;
390
+ transition: opacity 0.1s ease;
391
+ }
392
+
393
+ /* Compact */
394
+ .ui.compact.selection.dropdown {
395
+ min-width: 0px;
396
+ }
397
+
398
+ /* Selection Menu */
399
+ .ui.selection.dropdown .menu {
400
+ overflow-x: hidden;
401
+ overflow-y: auto;
402
+ -webkit-backface-visibility: hidden;
403
+ backface-visibility: hidden;
404
+ -webkit-overflow-scrolling: touch;
405
+ border-top-width: 0px !important;
406
+ width: auto;
407
+ outline: none;
408
+ margin: 0px -1px;
409
+ min-width: calc(100% + 2px );
410
+ width: calc(100% + 2px );
411
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem;
412
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
413
+ -webkit-transition: opacity 0.1s ease;
414
+ transition: opacity 0.1s ease;
415
+ }
416
+ .ui.selection.dropdown .menu:after,
417
+ .ui.selection.dropdown .menu:before {
418
+ display: none;
419
+ }
420
+
421
+ /*--------------
422
+ Message
423
+ ---------------*/
424
+
425
+ .ui.selection.dropdown .menu > .message {
426
+ padding: 0.78571429rem 1.14285714rem;
427
+ }
428
+ @media only screen and (max-width: 767px) {
429
+ .ui.selection.dropdown .menu {
430
+ max-height: 8.01428571rem;
431
+ }
432
+ }
433
+ @media only screen and (min-width: 768px) {
434
+ .ui.selection.dropdown .menu {
435
+ max-height: 10.68571429rem;
436
+ }
437
+ }
438
+ @media only screen and (min-width: 992px) {
439
+ .ui.selection.dropdown .menu {
440
+ max-height: 16.02857143rem;
441
+ }
442
+ }
443
+ @media only screen and (min-width: 1920px) {
444
+ .ui.selection.dropdown .menu {
445
+ max-height: 21.37142857rem;
446
+ }
447
+ }
448
+
449
+ /* Menu Item */
450
+ .ui.selection.dropdown .menu > .item {
451
+ border-top: 1px solid #FAFAFA;
452
+ padding: 0.78571429rem 1.14285714rem !important;
453
+ white-space: normal;
454
+ word-wrap: normal;
455
+ }
456
+
457
+ /* User Item */
458
+ .ui.selection.dropdown .menu > .hidden.addition.item {
459
+ display: none;
460
+ }
461
+
462
+ /* Hover */
463
+ .ui.selection.dropdown:hover {
464
+ border-color: rgba(34, 36, 38, 0.35);
465
+ box-shadow: none;
466
+ }
467
+
468
+ /* Active */
469
+ .ui.selection.active.dropdown {
470
+ border-color: #96C8DA;
471
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
472
+ }
473
+ .ui.selection.active.dropdown .menu {
474
+ border-color: #96C8DA;
475
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
476
+ }
477
+
478
+ /* Focus */
479
+ .ui.selection.dropdown:focus {
480
+ border-color: #96C8DA;
481
+ box-shadow: none;
482
+ }
483
+ .ui.selection.dropdown:focus .menu {
484
+ border-color: #96C8DA;
485
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
486
+ }
487
+
488
+ /* Visible */
489
+ .ui.selection.visible.dropdown > .text:not(.default) {
490
+ font-weight: normal;
491
+ color: rgba(0, 0, 0, 0.8);
492
+ }
493
+
494
+ /* Visible Hover */
495
+ .ui.selection.active.dropdown:hover {
496
+ border-color: #96C8DA;
497
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
498
+ }
499
+ .ui.selection.active.dropdown:hover .menu {
500
+ border-color: #96C8DA;
501
+ box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
502
+ }
503
+
504
+ /* Dropdown Icon */
505
+ .ui.active.selection.dropdown > .dropdown.icon,
506
+ .ui.visible.selection.dropdown > .dropdown.icon {
507
+ opacity: 1;
508
+ z-index: 3;
509
+ }
510
+
511
+ /* Connecting Border */
512
+ .ui.active.selection.dropdown {
513
+ border-bottom-left-radius: 0em !important;
514
+ border-bottom-right-radius: 0em !important;
515
+ }
516
+
517
+ /* Empty Connecting Border */
518
+ .ui.active.empty.selection.dropdown {
519
+ border-radius: 0.28571429rem !important;
520
+ box-shadow: none !important;
521
+ }
522
+ .ui.active.empty.selection.dropdown .menu {
523
+ border: none !important;
524
+ box-shadow: none !important;
525
+ }
526
+
527
+ /*--------------
528
+ Searchable
529
+ ---------------*/
530
+
531
+
532
+ /* Search Selection */
533
+ .ui.search.dropdown {
534
+ min-width: '';
535
+ }
536
+
537
+ /* Search Dropdown */
538
+ .ui.search.dropdown > input.search {
539
+ background: none transparent !important;
540
+ border: none !important;
541
+ box-shadow: none !important;
542
+ cursor: text;
543
+ top: 0em;
544
+ left: 1px;
545
+ width: 100%;
546
+ outline: none;
547
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
548
+ padding: inherit;
549
+ }
550
+
551
+ /* Text Layering */
552
+ .ui.search.dropdown > input.search {
553
+ position: absolute;
554
+ z-index: 2;
555
+ }
556
+ .ui.search.dropdown > .text {
557
+ cursor: text;
558
+ position: relative;
559
+ left: 1px;
560
+ z-index: 3;
561
+ }
562
+
563
+ /* Search Selection */
564
+ .ui.search.selection.dropdown > input.search {
565
+ line-height: 1.2142em;
566
+ padding: 0.67861429em 2.1em 0.67861429em 1em;
567
+ }
568
+
569
+ /* Used to size multi select input to character width */
570
+ .ui.search.selection.dropdown > span.sizer {
571
+ line-height: 1.2142em;
572
+ padding: 0.67861429em 2.1em 0.67861429em 1em;
573
+ display: none;
574
+ white-space: pre;
575
+ }
576
+
577
+ /* Active/Visible Search */
578
+ .ui.search.dropdown.active > input.search,
579
+ .ui.search.dropdown.visible > input.search {
580
+ cursor: auto;
581
+ }
582
+ .ui.search.dropdown.active > .text,
583
+ .ui.search.dropdown.visible > .text {
584
+ pointer-events: none;
585
+ }
586
+
587
+ /* Filtered Text */
588
+ .ui.active.search.dropdown input.search:focus + .text .icon,
589
+ .ui.active.search.dropdown input.search:focus + .text .flag {
590
+ opacity: 0.45;
591
+ }
592
+ .ui.active.search.dropdown input.search:focus + .text {
593
+ color: rgba(115, 115, 115, 0.87) !important;
594
+ }
595
+
596
+ /* Search Menu */
597
+ .ui.search.dropdown .menu {
598
+ overflow-x: hidden;
599
+ overflow-y: auto;
600
+ -webkit-backface-visibility: hidden;
601
+ backface-visibility: hidden;
602
+ -webkit-overflow-scrolling: touch;
603
+ }
604
+ @media only screen and (max-width: 767px) {
605
+ .ui.search.dropdown .menu {
606
+ max-height: 8.01428571rem;
607
+ }
608
+ }
609
+ @media only screen and (min-width: 768px) {
610
+ .ui.search.dropdown .menu {
611
+ max-height: 10.68571429rem;
612
+ }
613
+ }
614
+ @media only screen and (min-width: 992px) {
615
+ .ui.search.dropdown .menu {
616
+ max-height: 16.02857143rem;
617
+ }
618
+ }
619
+ @media only screen and (min-width: 1920px) {
620
+ .ui.search.dropdown .menu {
621
+ max-height: 21.37142857rem;
622
+ }
623
+ }
624
+
625
+ /*--------------
626
+ Multiple
627
+ ---------------*/
628
+
629
+
630
+ /* Multiple Selection */
631
+ .ui.multiple.dropdown {
632
+ padding: 0.22620476em 2.1em 0.22620476em 0.35714286em;
633
+ }
634
+ .ui.multiple.dropdown .menu {
635
+ cursor: auto;
636
+ }
637
+
638
+ /* Multiple Search Selection */
639
+ .ui.multiple.search.dropdown,
640
+ .ui.multiple.search.dropdown > input.search {
641
+ cursor: text;
642
+ }
643
+
644
+ /* Selection Label */
645
+ .ui.multiple.dropdown > .label {
646
+ -webkit-user-select: none;
647
+ -moz-user-select: none;
648
+ -ms-user-select: none;
649
+ user-select: none;
650
+ display: inline-block;
651
+ vertical-align: top;
652
+ white-space: normal;
653
+ font-size: 1em;
654
+ padding: 0.35714286em 0.78571429em;
655
+ margin: 0.14285714rem 0.28571429rem 0.14285714rem 0em;
656
+ box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
657
+ }
658
+
659
+ /* Dropdown Icon */
660
+ .ui.multiple.dropdown .dropdown.icon {
661
+ margin: '';
662
+ padding: '';
663
+ }
664
+
665
+ /* Text */
666
+ .ui.multiple.dropdown > .text {
667
+ position: static;
668
+ padding: 0;
669
+ max-width: 100%;
670
+ margin: 0.45240952em 0em 0.45240952em 0.64285714em;
671
+ line-height: 1.21428571em;
672
+ }
673
+ .ui.multiple.dropdown > .label ~ input.search {
674
+ margin-left: 0.14285714em !important;
675
+ }
676
+ .ui.multiple.dropdown > .label ~ .text {
677
+ display: none;
678
+ }
679
+
680
+ /*-----------------
681
+ Multiple Search
682
+ -----------------*/
683
+
684
+
685
+ /* Prompt Text */
686
+ .ui.multiple.search.dropdown > .text {
687
+ display: inline-block;
688
+ position: absolute;
689
+ top: 0;
690
+ left: 0;
691
+ padding: inherit;
692
+ margin: 0.45240952em 0em 0.45240952em 0.64285714em;
693
+ line-height: 1.21428571em;
694
+ }
695
+ .ui.multiple.search.dropdown > .label ~ .text {
696
+ display: none;
697
+ }
698
+
699
+ /* Search */
700
+ .ui.multiple.search.dropdown > input.search {
701
+ position: static;
702
+ padding: 0;
703
+ max-width: 100%;
704
+ margin: 0.45240952em 0em 0.45240952em 0.64285714em;
705
+ width: 2.2em;
706
+ line-height: 1.21428571em;
707
+ }
708
+
709
+ /*--------------
710
+ Inline
711
+ ---------------*/
712
+
713
+ .ui.inline.dropdown {
714
+ cursor: pointer;
715
+ display: inline-block;
716
+ color: inherit;
717
+ }
718
+ .ui.inline.dropdown .dropdown.icon {
719
+ margin: 0em 0.5em 0em 0.21428571em;
720
+ vertical-align: baseline;
721
+ }
722
+ .ui.inline.dropdown > .text {
723
+ font-weight: bold;
724
+ }
725
+ .ui.inline.dropdown .menu {
726
+ cursor: auto;
727
+ margin-top: 0.21428571em;
728
+ border-radius: 0.28571429rem;
729
+ }
730
+
731
+
732
+ /*******************************
733
+ States
734
+ *******************************/
735
+
736
+
737
+ /*--------------------
738
+ Active
739
+ ----------------------*/
740
+
741
+
742
+ /* Menu Item Active */
743
+ .ui.dropdown .menu .active.item {
744
+ background: transparent;
745
+ font-weight: bold;
746
+ color: rgba(0, 0, 0, 0.95);
747
+ box-shadow: none;
748
+ z-index: 12;
749
+ }
750
+
751
+ /*--------------------
752
+ Hover
753
+ ----------------------*/
754
+
755
+
756
+ /* Menu Item Hover */
757
+ .ui.dropdown .menu > .item:hover {
758
+ background: rgba(0, 0, 0, 0.05);
759
+ color: rgba(0, 0, 0, 0.95);
760
+ z-index: 13;
761
+ }
762
+
763
+ /*--------------------
764
+ Loading
765
+ ---------------------*/
766
+
767
+ .ui.loading.dropdown > i.icon {
768
+ height: 1em !important;
769
+ padding: 1.14285714em 1.07142857em !important;
770
+ }
771
+ .ui.loading.dropdown > i.icon:before {
772
+ position: absolute;
773
+ content: '';
774
+ top: 50%;
775
+ left: 50%;
776
+ margin: -0.64285714em 0em 0em -0.64285714em;
777
+ width: 1.28571429em;
778
+ height: 1.28571429em;
779
+ border-radius: 500rem;
780
+ border: 0.2em solid rgba(0, 0, 0, 0.1);
781
+ }
782
+ .ui.loading.dropdown > i.icon:after {
783
+ position: absolute;
784
+ content: '';
785
+ top: 50%;
786
+ left: 50%;
787
+ box-shadow: 0px 0px 0px 1px transparent;
788
+ margin: -0.64285714em 0em 0em -0.64285714em;
789
+ width: 1.28571429em;
790
+ height: 1.28571429em;
791
+ -webkit-animation: dropdown-spin 0.6s linear;
792
+ animation: dropdown-spin 0.6s linear;
793
+ -webkit-animation-iteration-count: infinite;
794
+ animation-iteration-count: infinite;
795
+ border-radius: 500rem;
796
+ border-color: #767676 transparent transparent;
797
+ border-style: solid;
798
+ border-width: 0.2em;
799
+ }
800
+
801
+ /* Coupling */
802
+ .ui.loading.dropdown.button > i.icon:before,
803
+ .ui.loading.dropdown.button > i.icon:after {
804
+ display: none;
805
+ }
806
+ @-webkit-keyframes dropdown-spin {
807
+ from {
808
+ -webkit-transform: rotate(0deg);
809
+ transform: rotate(0deg);
810
+ }
811
+ to {
812
+ -webkit-transform: rotate(360deg);
813
+ transform: rotate(360deg);
814
+ }
815
+ }
816
+ @keyframes dropdown-spin {
817
+ from {
818
+ -webkit-transform: rotate(0deg);
819
+ transform: rotate(0deg);
820
+ }
821
+ to {
822
+ -webkit-transform: rotate(360deg);
823
+ transform: rotate(360deg);
824
+ }
825
+ }
826
+
827
+ /*--------------------
828
+ Default Text
829
+ ----------------------*/
830
+
831
+ .ui.dropdown:not(.button) > .default.text,
832
+ .ui.default.dropdown:not(.button) > .text {
833
+ color: rgba(191, 191, 191, 0.87);
834
+ }
835
+ .ui.dropdown:not(.button) > input:focus + .default.text,
836
+ .ui.default.dropdown:not(.button) > input:focus + .text {
837
+ color: rgba(115, 115, 115, 0.87);
838
+ }
839
+
840
+ /*--------------------
841
+ Loading
842
+ ----------------------*/
843
+
844
+ .ui.loading.dropdown > .text {
845
+ -webkit-transition: none;
846
+ transition: none;
847
+ }
848
+
849
+ /* Used To Check Position */
850
+ .ui.dropdown .loading.menu {
851
+ display: block;
852
+ visibility: hidden;
853
+ z-index: -1;
854
+ }
855
+
856
+ /*--------------------
857
+ Keyboard Select
858
+ ----------------------*/
859
+
860
+
861
+ /* Selected Item */
862
+ .ui.dropdown.selected,
863
+ .ui.dropdown .menu .selected.item {
864
+ background: rgba(0, 0, 0, 0.03);
865
+ color: rgba(0, 0, 0, 0.95);
866
+ }
867
+
868
+ /*--------------------
869
+ Search Filtered
870
+ ----------------------*/
871
+
872
+
873
+ /* Filtered Item */
874
+ .ui.dropdown > .filtered.text {
875
+ visibility: hidden;
876
+ }
877
+ .ui.dropdown .filtered.item {
878
+ display: none !important;
879
+ }
880
+
881
+ /*--------------------
882
+ Error
883
+ ----------------------*/
884
+
885
+ .ui.dropdown.error,
886
+ .ui.dropdown.error > .text,
887
+ .ui.dropdown.error > .default.text {
888
+ color: #9F3A38;
889
+ }
890
+ .ui.selection.dropdown.error {
891
+ background: #FFF6F6;
892
+ border-color: #E0B4B4;
893
+ }
894
+ .ui.selection.dropdown.error:hover {
895
+ border-color: #E0B4B4;
896
+ }
897
+ .ui.dropdown.error > .menu,
898
+ .ui.dropdown.error > .menu .menu {
899
+ border-color: #E0B4B4;
900
+ }
901
+ .ui.dropdown.error > .menu > .item {
902
+ color: #9F3A38;
903
+ }
904
+ .ui.multiple.selection.error.dropdown > .label {
905
+ border-color: #E0B4B4;
906
+ }
907
+
908
+ /* Item Hover */
909
+ .ui.dropdown.error > .menu > .item:hover {
910
+ background-color: #FFF2F2;
911
+ }
912
+
913
+ /* Item Active */
914
+ .ui.dropdown.error > .menu .active.item {
915
+ background-color: #FDCFCF;
916
+ }
917
+
918
+ /*--------------------
919
+ Disabled
920
+ ----------------------*/
921
+
922
+
923
+ /* Disabled */
924
+ .ui.disabled.dropdown,
925
+ .ui.dropdown .menu > .disabled.item {
926
+ cursor: default;
927
+ pointer-events: none;
928
+ opacity: 0.45;
929
+ }
930
+
931
+
932
+ /*******************************
933
+ Variations
934
+ *******************************/
935
+
936
+
937
+ /*--------------
938
+ Direction
939
+ ---------------*/
940
+
941
+
942
+ /* Flyout Direction */
943
+ .ui.dropdown .menu {
944
+ left: 0px;
945
+ }
946
+
947
+ /* Default Side (Right) */
948
+ .ui.dropdown .right.menu > .menu,
949
+ .ui.dropdown .menu .right.menu {
950
+ left: 100% !important;
951
+ right: auto !important;
952
+ border-radius: 0.28571429rem !important;
953
+ }
954
+
955
+ /* Left Flyout Menu */
956
+ .ui.dropdown > .left.menu .menu,
957
+ .ui.dropdown .menu .left.menu {
958
+ left: auto !important;
959
+ right: 100% !important;
960
+ border-radius: 0.28571429rem !important;
961
+ }
962
+ .ui.dropdown .item .left.dropdown.icon,
963
+ .ui.dropdown .left.menu .item .dropdown.icon {
964
+ width: auto;
965
+ float: left;
966
+ margin: 0em 0.78571429rem 0em 0em;
967
+ }
968
+ .ui.dropdown .item .left.dropdown.icon,
969
+ .ui.dropdown .left.menu .item .dropdown.icon {
970
+ width: auto;
971
+ float: left;
972
+ margin: 0em 0.78571429rem 0em 0em;
973
+ }
974
+ .ui.dropdown .item .left.dropdown.icon + .text,
975
+ .ui.dropdown .left.menu .item .dropdown.icon + .text {
976
+ margin-left: 1em;
977
+ }
978
+
979
+ /*--------------
980
+ Upward
981
+ ---------------*/
982
+
983
+
984
+ /* Upward Main Menu */
985
+ .ui.upward.dropdown > .menu {
986
+ top: auto;
987
+ bottom: 100%;
988
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
989
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
990
+ }
991
+
992
+ /* Upward Sub Menu */
993
+ .ui.dropdown .upward.menu {
994
+ top: auto !important;
995
+ bottom: 0 !important;
996
+ }
997
+
998
+ /* Active Upward */
999
+ .ui.simple.upward.active.dropdown,
1000
+ .ui.simple.upward.dropdown:hover {
1001
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
1002
+ }
1003
+ .ui.upward.dropdown.button:not(.pointing):not(.floating).active {
1004
+ border-radius: 0.28571429rem 0.28571429rem 0em 0em;
1005
+ }
1006
+
1007
+ /* Selection */
1008
+ .ui.upward.selection.dropdown .menu {
1009
+ border-top-width: 1px !important;
1010
+ border-bottom-width: 0px !important;
1011
+ box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
1012
+ }
1013
+ .ui.upward.selection.dropdown:hover {
1014
+ box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
1015
+ }
1016
+
1017
+ /* Active Upward */
1018
+ .ui.active.upward.selection.dropdown {
1019
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
1020
+ }
1021
+
1022
+ /* Visible Upward */
1023
+ .ui.upward.selection.dropdown.visible {
1024
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.08);
1025
+ border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
1026
+ }
1027
+
1028
+ /* Visible Hover Upward */
1029
+ .ui.upward.active.selection.dropdown:hover {
1030
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.05);
1031
+ }
1032
+ .ui.upward.active.selection.dropdown:hover .menu {
1033
+ box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.08);
1034
+ }
1035
+
1036
+ /*--------------
1037
+ Simple
1038
+ ---------------*/
1039
+
1040
+
1041
+ /* Selection Menu */
1042
+ .ui.scrolling.dropdown .menu,
1043
+ .ui.dropdown .scrolling.menu {
1044
+ overflow-x: hidden;
1045
+ overflow-y: auto;
1046
+ }
1047
+ .ui.scrolling.dropdown .menu {
1048
+ overflow-x: hidden;
1049
+ overflow-y: auto;
1050
+ -webkit-backface-visibility: hidden;
1051
+ backface-visibility: hidden;
1052
+ -webkit-overflow-scrolling: touch;
1053
+ min-width: 100% !important;
1054
+ width: auto !important;
1055
+ }
1056
+ .ui.dropdown .scrolling.menu {
1057
+ position: static;
1058
+ overflow-y: auto;
1059
+ border: none;
1060
+ box-shadow: none !important;
1061
+ border-radius: 0 !important;
1062
+ margin: 0 !important;
1063
+ min-width: 100% !important;
1064
+ width: auto !important;
1065
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
1066
+ }
1067
+ .ui.scrolling.dropdown .menu .item.item.item,
1068
+ .ui.dropdown .scrolling.menu > .item.item.item {
1069
+ border-top: none;
1070
+ padding-right: calc( 1.14285714rem + 17px ) !important;
1071
+ }
1072
+ .ui.scrolling.dropdown .menu .item:first-child,
1073
+ .ui.dropdown .scrolling.menu .item:first-child {
1074
+ border-top: none;
1075
+ }
1076
+ .ui.dropdown > .animating.menu .scrolling.menu,
1077
+ .ui.dropdown > .visible.menu .scrolling.menu {
1078
+ display: block;
1079
+ }
1080
+
1081
+ /* Scrollbar in IE */
1082
+ @media all and (-ms-high-contrast: none) {
1083
+ .ui.scrolling.dropdown .menu,
1084
+ .ui.dropdown .scrolling.menu {
1085
+ min-width: calc(100% - 17px );
1086
+ }
1087
+ }
1088
+ @media only screen and (max-width: 767px) {
1089
+ .ui.scrolling.dropdown .menu,
1090
+ .ui.dropdown .scrolling.menu {
1091
+ max-height: 10.28571429rem;
1092
+ }
1093
+ }
1094
+ @media only screen and (min-width: 768px) {
1095
+ .ui.scrolling.dropdown .menu,
1096
+ .ui.dropdown .scrolling.menu {
1097
+ max-height: 15.42857143rem;
1098
+ }
1099
+ }
1100
+ @media only screen and (min-width: 992px) {
1101
+ .ui.scrolling.dropdown .menu,
1102
+ .ui.dropdown .scrolling.menu {
1103
+ max-height: 20.57142857rem;
1104
+ }
1105
+ }
1106
+ @media only screen and (min-width: 1920px) {
1107
+ .ui.scrolling.dropdown .menu,
1108
+ .ui.dropdown .scrolling.menu {
1109
+ max-height: 20.57142857rem;
1110
+ }
1111
+ }
1112
+
1113
+ /*--------------
1114
+ Simple
1115
+ ---------------*/
1116
+
1117
+
1118
+ /* Displays without javascript */
1119
+ .ui.simple.dropdown .menu:before,
1120
+ .ui.simple.dropdown .menu:after {
1121
+ display: none;
1122
+ }
1123
+ .ui.simple.dropdown .menu {
1124
+ position: absolute;
1125
+ display: block;
1126
+ overflow: hidden;
1127
+ top: -9999px !important;
1128
+ opacity: 0;
1129
+ width: 0;
1130
+ height: 0;
1131
+ -webkit-transition: opacity 0.1s ease;
1132
+ transition: opacity 0.1s ease;
1133
+ }
1134
+ .ui.simple.active.dropdown,
1135
+ .ui.simple.dropdown:hover {
1136
+ border-bottom-left-radius: 0em !important;
1137
+ border-bottom-right-radius: 0em !important;
1138
+ }
1139
+ .ui.simple.active.dropdown > .menu,
1140
+ .ui.simple.dropdown:hover > .menu {
1141
+ overflow: visible;
1142
+ width: auto;
1143
+ height: auto;
1144
+ top: 100% !important;
1145
+ opacity: 1;
1146
+ }
1147
+ .ui.simple.dropdown > .menu > .item:active > .menu,
1148
+ .ui.simple.dropdown:hover > .menu > .item:hover > .menu {
1149
+ overflow: visible;
1150
+ width: auto;
1151
+ height: auto;
1152
+ top: 0% !important;
1153
+ left: 100% !important;
1154
+ opacity: 1;
1155
+ }
1156
+ .ui.simple.disabled.dropdown:hover .menu {
1157
+ display: none;
1158
+ height: 0px;
1159
+ width: 0px;
1160
+ overflow: hidden;
1161
+ }
1162
+
1163
+ /* Visible */
1164
+ .ui.simple.visible.dropdown > .menu {
1165
+ display: block;
1166
+ }
1167
+
1168
+ /*--------------
1169
+ Fluid
1170
+ ---------------*/
1171
+
1172
+ .ui.fluid.dropdown {
1173
+ display: block;
1174
+ width: 100%;
1175
+ min-width: 0em;
1176
+ }
1177
+ .ui.fluid.dropdown > .dropdown.icon {
1178
+ float: right;
1179
+ }
1180
+
1181
+ /*--------------
1182
+ Floating
1183
+ ---------------*/
1184
+
1185
+ .ui.floating.dropdown .menu {
1186
+ left: 0;
1187
+ right: auto;
1188
+ box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15) !important;
1189
+ border-radius: 0.28571429rem !important;
1190
+ }
1191
+ .ui.floating.dropdown > .menu {
1192
+ margin-top: 0.5em !important;
1193
+ border-radius: 0.28571429rem !important;
1194
+ }
1195
+
1196
+ /*--------------
1197
+ Pointing
1198
+ ---------------*/
1199
+
1200
+ .ui.pointing.dropdown > .menu {
1201
+ top: 100%;
1202
+ margin-top: 0.78571429rem;
1203
+ border-radius: 0.28571429rem;
1204
+ }
1205
+ .ui.pointing.dropdown > .menu:after {
1206
+ display: block;
1207
+ position: absolute;
1208
+ pointer-events: none;
1209
+ content: '';
1210
+ visibility: visible;
1211
+ -webkit-transform: rotate(45deg);
1212
+ -ms-transform: rotate(45deg);
1213
+ transform: rotate(45deg);
1214
+ width: 0.5em;
1215
+ height: 0.5em;
1216
+ box-shadow: -1px -1px 0px 1px rgba(34, 36, 38, 0.15);
1217
+ background: #FFFFFF;
1218
+ z-index: 2;
1219
+ }
1220
+ .ui.pointing.dropdown > .menu:after {
1221
+ top: -0.25em;
1222
+ left: 50%;
1223
+ margin: 0em 0em 0em -0.25em;
1224
+ }
1225
+
1226
+ /* Top Left Pointing */
1227
+ .ui.top.left.pointing.dropdown > .menu {
1228
+ top: 100%;
1229
+ bottom: auto;
1230
+ left: 0%;
1231
+ right: auto;
1232
+ margin: 1em 0em 0em;
1233
+ }
1234
+ .ui.top.left.pointing.dropdown > .menu {
1235
+ top: 100%;
1236
+ bottom: auto;
1237
+ left: 0%;
1238
+ right: auto;
1239
+ margin: 1em 0em 0em;
1240
+ }
1241
+ .ui.top.left.pointing.dropdown > .menu:after {
1242
+ top: -0.25em;
1243
+ left: 1em;
1244
+ right: auto;
1245
+ margin: 0em;
1246
+ -webkit-transform: rotate(45deg);
1247
+ -ms-transform: rotate(45deg);
1248
+ transform: rotate(45deg);
1249
+ }
1250
+
1251
+ /* Top Right Pointing */
1252
+ .ui.top.right.pointing.dropdown > .menu {
1253
+ top: 100%;
1254
+ bottom: auto;
1255
+ right: 0%;
1256
+ left: auto;
1257
+ margin: 1em 0em 0em;
1258
+ }
1259
+ .ui.top.right.pointing.dropdown > .menu:after {
1260
+ top: -0.25em;
1261
+ left: auto;
1262
+ right: 1em;
1263
+ margin: 0em;
1264
+ -webkit-transform: rotate(45deg);
1265
+ -ms-transform: rotate(45deg);
1266
+ transform: rotate(45deg);
1267
+ }
1268
+
1269
+ /* Left Pointing */
1270
+ .ui.left.pointing.dropdown > .menu {
1271
+ top: 0%;
1272
+ left: 100%;
1273
+ right: auto;
1274
+ margin: 0em 0em 0em 1em;
1275
+ }
1276
+ .ui.left.pointing.dropdown > .menu:after {
1277
+ top: 1em;
1278
+ left: -0.25em;
1279
+ margin: 0em 0em 0em 0em;
1280
+ -webkit-transform: rotate(-45deg);
1281
+ -ms-transform: rotate(-45deg);
1282
+ transform: rotate(-45deg);
1283
+ }
1284
+
1285
+ /* Right Pointing */
1286
+ .ui.right.pointing.dropdown > .menu {
1287
+ top: 0%;
1288
+ left: auto;
1289
+ right: 100%;
1290
+ margin: 0em 1em 0em 0em;
1291
+ }
1292
+ .ui.right.pointing.dropdown > .menu:after {
1293
+ top: 1em;
1294
+ left: auto;
1295
+ right: -0.25em;
1296
+ margin: 0em 0em 0em 0em;
1297
+ -webkit-transform: rotate(135deg);
1298
+ -ms-transform: rotate(135deg);
1299
+ transform: rotate(135deg);
1300
+ }
1301
+
1302
+ /* Bottom Pointing */
1303
+ .ui.bottom.pointing.dropdown > .menu {
1304
+ top: auto;
1305
+ bottom: 100%;
1306
+ left: 0%;
1307
+ right: auto;
1308
+ margin: 0em 0em 1em;
1309
+ }
1310
+ .ui.bottom.pointing.dropdown > .menu:after {
1311
+ top: auto;
1312
+ bottom: -0.25em;
1313
+ right: auto;
1314
+ margin: 0em;
1315
+ -webkit-transform: rotate(-135deg);
1316
+ -ms-transform: rotate(-135deg);
1317
+ transform: rotate(-135deg);
1318
+ }
1319
+
1320
+ /* Reverse Sub-Menu Direction */
1321
+ .ui.bottom.pointing.dropdown > .menu .menu {
1322
+ top: auto !important;
1323
+ bottom: 0px !important;
1324
+ }
1325
+
1326
+ /* Bottom Left */
1327
+ .ui.bottom.left.pointing.dropdown > .menu {
1328
+ left: 0%;
1329
+ right: auto;
1330
+ }
1331
+ .ui.bottom.left.pointing.dropdown > .menu:after {
1332
+ left: 1em;
1333
+ right: auto;
1334
+ }
1335
+
1336
+ /* Bottom Right */
1337
+ .ui.bottom.right.pointing.dropdown > .menu {
1338
+ right: 0%;
1339
+ left: auto;
1340
+ }
1341
+ .ui.bottom.right.pointing.dropdown > .menu:after {
1342
+ left: auto;
1343
+ right: 1em;
1344
+ }
1345
+
1346
+ /* Upward pointing */
1347
+ .ui.upward.pointing.dropdown > .menu,
1348
+ .ui.upward.top.pointing.dropdown > .menu {
1349
+ top: auto;
1350
+ bottom: 100%;
1351
+ margin: 0em 0em 0.78571429rem;
1352
+ border-radius: 0.28571429rem;
1353
+ }
1354
+ .ui.upward.pointing.dropdown > .menu:after,
1355
+ .ui.upward.top.pointing.dropdown > .menu:after {
1356
+ top: 100%;
1357
+ bottom: auto;
1358
+ box-shadow: 1px 1px 0px 1px rgba(34, 36, 38, 0.15);
1359
+ margin: -0.25em 0em 0em;
1360
+ }
1361
+
1362
+
1363
+ /*******************************
1364
+ Theme Overrides
1365
+ *******************************/
1366
+
1367
+
1368
+ /* Dropdown Carets */
1369
+ @font-face {
1370
+ font-family: 'Dropdown';
1371
+ src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
1372
+ font-weight: normal;
1373
+ font-style: normal;
1374
+ }
1375
+ .ui.dropdown > .dropdown.icon {
1376
+ font-family: 'Dropdown';
1377
+ line-height: 1;
1378
+ height: 1em;
1379
+ width: 1.23em;
1380
+ -webkit-backface-visibility: hidden;
1381
+ backface-visibility: hidden;
1382
+ font-weight: normal;
1383
+ font-style: normal;
1384
+ text-align: center;
1385
+ }
1386
+ .ui.dropdown > .dropdown.icon {
1387
+ width: auto;
1388
+ }
1389
+ .ui.dropdown > .dropdown.icon:before {
1390
+ content: '\f0d7';
1391
+ }
1392
+
1393
+ /* Sub Menu */
1394
+ .ui.dropdown .menu .item .dropdown.icon:before {
1395
+ content: '\f0da' /*rtl:'\f0d9'*/;
1396
+ }
1397
+ .ui.dropdown .item .left.dropdown.icon:before,
1398
+ .ui.dropdown .left.menu .item .dropdown.icon:before {
1399
+ content: "\f0d9" /*rtl:"\f0da"*/;
1400
+ }
1401
+
1402
+ /* Vertical Menu Dropdown */
1403
+ .ui.vertical.menu .dropdown.item > .dropdown.icon:before {
1404
+ content: "\f0da" /*rtl:"\f0d9"*/;
1405
+ }
1406
+ /* Icons for Reference
1407
+ .dropdown.down.icon {
1408
+ content: "\f0d7";
1409
+ }
1410
+ .dropdown.up.icon {
1411
+ content: "\f0d8";
1412
+ }
1413
+ .dropdown.left.icon {
1414
+ content: "\f0d9";
1415
+ }
1416
+ .dropdown.icon.icon {
1417
+ content: "\f0da";
1418
+ }
1419
+ */
1420
+
1421
+
1422
+ /*******************************
1423
+ User Overrides
1424
+ *******************************/
1425
+