semantic-ui-sass 1.12.3.0 → 2.0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui.js +1 -0
  4. data/app/assets/javascripts/semantic-ui/accordion.js +67 -53
  5. data/app/assets/javascripts/semantic-ui/api.js +395 -189
  6. data/app/assets/javascripts/semantic-ui/checkbox.js +322 -114
  7. data/app/assets/javascripts/semantic-ui/colorize.js +4 -2
  8. data/app/assets/javascripts/semantic-ui/dimmer.js +74 -50
  9. data/app/assets/javascripts/semantic-ui/dropdown.js +2046 -584
  10. data/app/assets/javascripts/semantic-ui/embed.js +662 -0
  11. data/app/assets/javascripts/semantic-ui/form.js +345 -163
  12. data/app/assets/javascripts/semantic-ui/modal.js +119 -90
  13. data/app/assets/javascripts/semantic-ui/nag.js +8 -9
  14. data/app/assets/javascripts/semantic-ui/popup.js +390 -228
  15. data/app/assets/javascripts/semantic-ui/progress.js +112 -103
  16. data/app/assets/javascripts/semantic-ui/rating.js +79 -55
  17. data/app/assets/javascripts/semantic-ui/search.js +305 -123
  18. data/app/assets/javascripts/semantic-ui/shape.js +94 -48
  19. data/app/assets/javascripts/semantic-ui/sidebar.js +84 -151
  20. data/app/assets/javascripts/semantic-ui/site.js +5 -5
  21. data/app/assets/javascripts/semantic-ui/state.js +4 -4
  22. data/app/assets/javascripts/semantic-ui/sticky.js +108 -35
  23. data/app/assets/javascripts/semantic-ui/tab.js +220 -125
  24. data/app/assets/javascripts/semantic-ui/transition.js +205 -171
  25. data/app/assets/javascripts/semantic-ui/visibility.js +220 -100
  26. data/app/assets/javascripts/semantic-ui/visit.js +6 -4
  27. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +17 -16
  28. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +223 -121
  29. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +462 -448
  30. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +949 -665
  31. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +134 -92
  32. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +270 -208
  33. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  34. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +1357 -521
  35. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +125 -0
  36. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +51 -31
  37. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +3 -3
  38. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +270 -144
  39. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +241 -110
  40. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +30 -16
  41. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +88 -53
  42. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +432 -281
  43. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +172 -128
  44. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +16 -14
  45. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +15 -7
  46. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +32 -13
  47. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +329 -212
  48. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +291 -99
  49. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +2 -2
  50. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +19 -18
  51. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +17 -18
  52. data/app/assets/stylesheets/semantic-ui/modules/_all.scss +1 -0
  53. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +265 -161
  54. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +29 -15
  55. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +441 -156
  56. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +168 -0
  57. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +163 -85
  58. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +8 -8
  59. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +88 -23
  60. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +185 -129
  61. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +75 -60
  62. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +99 -52
  63. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +11 -11
  64. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +16 -12
  65. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +4 -4
  66. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  67. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +31 -39
  68. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +3 -3
  69. data/app/assets/stylesheets/semantic-ui/views/_all.scss +1 -0
  70. data/app/assets/stylesheets/semantic-ui/views/_card.scss +204 -162
  71. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +6 -6
  72. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +51 -26
  73. data/app/assets/stylesheets/semantic-ui/views/_item.scss +62 -36
  74. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +265 -90
  75. data/lib/semantic/ui/sass/version.rb +2 -2
  76. data/semantic-ui-sass.gemspec +2 -2
  77. metadata +9 -6
@@ -0,0 +1,168 @@
1
+ /*!
2
+ * # Semantic UI 2.0.4 - Video
3
+ * http://github.com/semantic-org/semantic-ui/
4
+ *
5
+ *
6
+ * Copyright 2015 Contributors
7
+ * Released under the MIT license
8
+ * http://opensource.org/licenses/MIT
9
+ *
10
+ */
11
+
12
+
13
+ /*******************************
14
+ Types
15
+ *******************************/
16
+
17
+ .ui.embed {
18
+ position: relative;
19
+ max-width: 100%;
20
+ height: 0px;
21
+ overflow: hidden;
22
+ background: #dcddde;
23
+ padding-bottom: 56.25%;
24
+ }
25
+
26
+ /*-----------------
27
+ Embedded Content
28
+ ------------------*/
29
+
30
+ .ui.embed iframe,
31
+ .ui.embed embed,
32
+ .ui.embed object {
33
+ position: absolute;
34
+ border: none;
35
+ width: 100%;
36
+ height: 100%;
37
+ top: 0px;
38
+ left: 0px;
39
+ margin: 0em;
40
+ padding: 0em;
41
+ }
42
+
43
+ /*-----------------
44
+ Embed
45
+ ------------------*/
46
+
47
+ .ui.embed > .embed {
48
+ display: none;
49
+ }
50
+
51
+ /*--------------
52
+ Placeholder
53
+ ---------------*/
54
+
55
+ .ui.embed > .placeholder {
56
+ position: absolute;
57
+ cursor: pointer;
58
+ top: 0px;
59
+ left: 0px;
60
+ display: block;
61
+ width: 100%;
62
+ height: 100%;
63
+ background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
64
+ }
65
+
66
+ /*--------------
67
+ Icon
68
+ ---------------*/
69
+
70
+ .ui.embed > .icon {
71
+ cursor: pointer;
72
+ position: absolute;
73
+ top: 0px;
74
+ left: 0px;
75
+ width: 100%;
76
+ height: 100%;
77
+ z-index: 2;
78
+ }
79
+ .ui.embed > .icon:after {
80
+ position: absolute;
81
+ top: 0%;
82
+ left: 0%;
83
+ width: 100%;
84
+ height: 100%;
85
+ z-index: 3;
86
+ content: '';
87
+ background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
88
+ background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
89
+ opacity: 0.5;
90
+ -webkit-transition: opacity 0.5s ease;
91
+ transition: opacity 0.5s ease;
92
+ }
93
+ .ui.embed > .icon:before {
94
+ position: absolute;
95
+ top: 50%;
96
+ left: 50%;
97
+ z-index: 4;
98
+ -webkit-transform: translateX(-50%) translateY(-50%);
99
+ -ms-transform: translateX(-50%) translateY(-50%);
100
+ transform: translateX(-50%) translateY(-50%);
101
+ color: #ffffff;
102
+ font-size: 6rem;
103
+ text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
104
+ -webkit-transition: opacity 0.5s ease, color 0.5s ease;
105
+ transition: opacity 0.5s ease, color 0.5s ease;
106
+ z-index: 10;
107
+ }
108
+
109
+
110
+ /*******************************
111
+ States
112
+ *******************************/
113
+
114
+
115
+ /*--------------
116
+ Hover
117
+ ---------------*/
118
+
119
+ .ui.embed .icon:hover:after {
120
+ background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
121
+ background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
122
+ opacity: 1;
123
+ }
124
+ .ui.embed .icon:hover:before {
125
+ color: #ffffff;
126
+ }
127
+
128
+ /*--------------
129
+ Active
130
+ ---------------*/
131
+
132
+ .ui.active.embed > .icon,
133
+ .ui.active.embed > .placeholder {
134
+ display: none;
135
+ }
136
+ .ui.active.embed > .embed {
137
+ display: block;
138
+ }
139
+
140
+
141
+ /*******************************
142
+ Video Overrides
143
+ *******************************/
144
+
145
+
146
+
147
+ /*******************************
148
+ Site Overrides
149
+ *******************************/
150
+
151
+
152
+
153
+ /*******************************
154
+ Variations
155
+ *******************************/
156
+
157
+ .ui.square.embed {
158
+ padding-bottom: 100%;
159
+ }
160
+ .ui[class*="4:3"].embed {
161
+ padding-bottom: 75%;
162
+ }
163
+ .ui[class*="16:9"].embed {
164
+ padding-bottom: 56.25%;
165
+ }
166
+ .ui[class*="21:9"].embed {
167
+ padding-bottom: 42.85714286%;
168
+ }
@@ -1,9 +1,9 @@
1
1
  /*!
2
- * # Semantic UI 1.12.3 - Modal
2
+ * # Semantic UI 2.0.4 - Modal
3
3
  * http://github.com/semantic-org/semantic-ui/
4
4
  *
5
5
  *
6
- * Copyright 2014 Contributors
6
+ * Copyright 2015 Contributors
7
7
  * Released under the MIT license
8
8
  * http://opensource.org/licenses/MIT
9
9
  *
@@ -21,12 +21,13 @@
21
21
  top: 50%;
22
22
  left: 50%;
23
23
  text-align: left;
24
- width: 90%;
25
- margin-left: -45%;
26
24
  background: #ffffff;
27
25
  border: none;
28
- box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.3);
29
- border-radius: 0.2857rem;
26
+ box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
27
+ -webkit-transform-origin: 50% 25%;
28
+ -ms-transform-origin: 50% 25%;
29
+ transform-origin: 50% 25%;
30
+ border-radius: 0.28571429rem;
30
31
  -webkit-user-select: text;
31
32
  -moz-user-select: text;
32
33
  -ms-user-select: text;
@@ -35,12 +36,12 @@
35
36
  }
36
37
  .ui.modal > :first-child:not(.icon),
37
38
  .ui.modal > .icon:first-child + * {
38
- border-top-left-radius: 0.2857rem;
39
- border-top-right-radius: 0.2857rem;
39
+ border-top-left-radius: 0.28571429rem;
40
+ border-top-right-radius: 0.28571429rem;
40
41
  }
41
42
  .ui.modal > :last-child {
42
- border-bottom-left-radius: 0.2857rem;
43
- border-bottom-right-radius: 0.2857rem;
43
+ border-bottom-left-radius: 0.28571429rem;
44
+ border-bottom-right-radius: 0.28571429rem;
44
45
  }
45
46
 
46
47
 
@@ -77,16 +78,17 @@
77
78
  .ui.modal > .header {
78
79
  display: block;
79
80
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
80
- background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff;
81
- background: linear-gradient(transparent, rgba(0, 0, 0, 0.05)) #ffffff;
81
+ background: #ffffff;
82
82
  margin: 0em;
83
- padding: 1.2rem 2rem;
84
- box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
85
- font-size: 1.6em;
86
- line-height: 1.3em;
87
- font-weight: bold;
83
+ padding: 1.25rem 1.5rem;
84
+ box-shadow: none;
88
85
  color: rgba(0, 0, 0, 0.85);
89
- border-bottom: 1px solid rgba(39, 41, 43, 0.15);
86
+ border-bottom: 1px solid rgba(34, 36, 38, 0.15);
87
+ }
88
+ .ui.modal > .header:not(.ui) {
89
+ font-size: 1.42857143rem;
90
+ line-height: 1.2857em;
91
+ font-weight: bold;
90
92
  }
91
93
 
92
94
  /*--------------
@@ -94,55 +96,92 @@
94
96
  ---------------*/
95
97
 
96
98
  .ui.modal > .content {
97
- display: table;
98
- table-layout: fixed;
99
+ display: block;
99
100
  width: 100%;
100
101
  font-size: 1em;
101
102
  line-height: 1.4;
102
- padding: 2rem;
103
+ padding: 1.5rem;
103
104
  background: #ffffff;
104
105
  }
106
+ .ui.modal > .image.content {
107
+ display: -webkit-box;
108
+ display: -webkit-flex;
109
+ display: -ms-flexbox;
110
+ display: flex;
111
+ -webkit-box-orient: horizontal;
112
+ -webkit-box-direction: normal;
113
+ -webkit-flex-direction: row;
114
+ -ms-flex-direction: row;
115
+ flex-direction: row;
116
+ }
105
117
 
106
118
  /* Image */
107
119
  .ui.modal > .content > .image {
108
- display: table-cell;
120
+ display: block;
121
+ -webkit-box-flex: 0;
122
+ -webkit-flex: 0 1 auto;
123
+ -ms-flex: 0 1 auto;
124
+ flex: 0 1 auto;
109
125
  width: '';
110
- vertical-align: top;
126
+ -webkit-align-self: top;
127
+ -ms-flex-item-align: top;
128
+ align-self: top;
111
129
  }
112
- .ui.modal > .content > .image[class*="top aligned"] {
113
- vertical-align: top;
130
+ .ui.modal > [class*="top aligned"] {
131
+ -webkit-align-self: top;
132
+ -ms-flex-item-align: top;
133
+ align-self: top;
114
134
  }
115
- .ui.modal > .content > .image[class*="middle aligned"] {
116
- vertical-align: middle;
135
+ .ui.modal > [class*="middle aligned"] {
136
+ -webkit-align-self: middle;
137
+ -ms-flex-item-align: middle;
138
+ align-self: middle;
139
+ }
140
+ .ui.modal > [class*="stretched"] {
141
+ -webkit-align-self: stretch;
142
+ -ms-flex-item-align: stretch;
143
+ align-self: stretch;
117
144
  }
118
145
 
119
146
  /* Description */
120
147
  .ui.modal > .content > .description {
121
- display: table-cell;
122
- vertical-align: top;
148
+ display: block;
149
+ -webkit-box-flex: 1;
150
+ -webkit-flex: 1 0 auto;
151
+ -ms-flex: 1 0 auto;
152
+ flex: 1 0 auto;
153
+ min-width: 0px;
154
+ -webkit-align-self: top;
155
+ -ms-flex-item-align: top;
156
+ align-self: top;
123
157
  }
124
158
  .ui.modal > .content > .icon + .description,
125
159
  .ui.modal > .content > .image + .description {
160
+ -webkit-box-flex: 0;
161
+ -webkit-flex: 0 1 auto;
162
+ -ms-flex: 0 1 auto;
163
+ flex: 0 1 auto;
126
164
  min-width: '';
127
- width: 80%;
165
+ width: auto;
128
166
  padding-left: 2em;
129
167
  }
130
168
  /*rtl:ignore*/
131
169
  .ui.modal > .content > .image > i.icon {
132
- font-size: 8rem;
133
170
  margin: 0em;
134
171
  opacity: 1;
135
172
  width: auto;
173
+ line-height: 1;
174
+ font-size: 8rem;
136
175
  }
137
176
 
138
177
  /*--------------
139
178
  Actions
140
179
  ---------------*/
141
180
 
142
- .ui.modal .actions {
143
- background: #efefef;
144
- padding: 1rem 2rem;
145
- border-top: 1px solid rgba(39, 41, 43, 0.15);
181
+ .ui.modal > .actions {
182
+ background: #f9fafb;
183
+ padding: 1rem 1rem;
184
+ border-top: 1px solid rgba(34, 36, 38, 0.15);
146
185
  text-align: right;
147
186
  }
148
187
  .ui.modal .actions > .button {
@@ -169,20 +208,20 @@
169
208
  }
170
209
  @media only screen and (min-width: 992px) {
171
210
  .ui.modal {
172
- width: 74%;
173
- margin: 0em 0em 0em -37%;
211
+ width: 850px;
212
+ margin: 0em 0em 0em -425px;
174
213
  }
175
214
  }
176
- @media only screen and (min-width: 1400px) {
215
+ @media only screen and (min-width: 1200px) {
177
216
  .ui.modal {
178
- width: 56%;
179
- margin: 0em 0em 0em -28%;
217
+ width: 900px;
218
+ margin: 0em 0em 0em -450px;
180
219
  }
181
220
  }
182
221
  @media only screen and (min-width: 1920px) {
183
222
  .ui.modal {
184
- width: 42%;
185
- margin: 0em 0em 0em -21%;
223
+ width: 950px;
224
+ margin: 0em 0em 0em -475px;
186
225
  }
187
226
  }
188
227
 
@@ -192,9 +231,9 @@
192
231
  padding-right: 2.25rem;
193
232
  }
194
233
  .ui.modal > .close {
195
- top: 0.905rem;
234
+ top: 1.0535rem;
196
235
  right: 1rem;
197
- color: rgba(0, 0, 0, 0.8);
236
+ color: rgba(0, 0, 0, 0.87);
198
237
  }
199
238
  }
200
239
 
@@ -213,6 +252,13 @@
213
252
  right: 0.5rem !important;
214
253
  }
215
254
  /*rtl:ignore*/
255
+ .ui.modal .image.content {
256
+ -webkit-box-orient: vertical;
257
+ -webkit-box-direction: normal;
258
+ -webkit-flex-direction: column;
259
+ -ms-flex-direction: column;
260
+ flex-direction: column;
261
+ }
216
262
  .ui.modal .content > .image {
217
263
  display: block;
218
264
  max-width: 100%;
@@ -243,6 +289,14 @@
243
289
  }
244
290
  }
245
291
 
292
+ /*--------------
293
+ Coupling
294
+ ---------------*/
295
+
296
+ .ui.inverted.dimmer > .ui.modal {
297
+ box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
298
+ }
299
+
246
300
 
247
301
  /*******************************
248
302
  Types
@@ -252,7 +306,7 @@
252
306
  background-color: transparent;
253
307
  border: none;
254
308
  border-radius: 0em;
255
- box-shadow: 0px 0px 0px 0px;
309
+ box-shadow: none !important;
256
310
  color: #ffffff;
257
311
  }
258
312
  .ui.basic.modal > .header,
@@ -267,6 +321,12 @@
267
321
  top: 1rem;
268
322
  right: 1.5rem;
269
323
  }
324
+ .ui.inverted.dimmer > .basic.modal {
325
+ color: rgba(0, 0, 0, 0.87);
326
+ }
327
+ .ui.inverted.dimmer > .ui.basic.modal > .header {
328
+ color: rgba(0, 0, 0, 0.85);
329
+ }
270
330
 
271
331
  /* Tablet and Mobile */
272
332
  @media only screen and (max-width: 992px) {
@@ -277,10 +337,24 @@
277
337
 
278
338
 
279
339
  /*******************************
280
- Variations
340
+ States
341
+ *******************************/
342
+
343
+ .ui.active.modal {
344
+ display: block;
345
+ }
346
+
347
+
348
+ /*******************************
349
+ Variations
281
350
  *******************************/
282
351
 
283
352
 
353
+ /*--------------
354
+ Scrolling
355
+ ---------------*/
356
+
357
+
284
358
  /* A modal that cannot fit on the page */
285
359
  .scrolling.dimmable.dimmed {
286
360
  overflow: hidden;
@@ -292,31 +366,35 @@
292
366
  .scrolling.dimmable > .dimmer {
293
367
  position: fixed;
294
368
  }
295
- .ui.scrolling.modal {
296
- position: static;
369
+ .modals.dimmer .ui.scrolling.modal {
370
+ position: static !important;
297
371
  margin: 3.5rem auto !important;
298
372
  }
299
- @media only screen and (max-width: 992px) {
300
- .ui.scrolling.modal {
301
- margin-top: 1rem;
302
- margin-bottom: 1rem;
303
- }
304
- }
305
373
 
306
-
307
- /*******************************
308
- States
309
- *******************************/
310
-
311
- .ui.active.modal {
312
- display: block;
374
+ /* undetached scrolling */
375
+ .scrolling.undetached.dimmable.dimmed {
376
+ overflow: auto;
377
+ -webkit-overflow-scrolling: touch;
378
+ }
379
+ .scrolling.undetached.dimmable.dimmed > .dimmer {
380
+ overflow: hidden;
381
+ }
382
+ .scrolling.undetached.dimmable .ui.scrolling.modal {
383
+ position: absolute;
384
+ left: 50%;
385
+ margin-top: 3.5rem !important;
313
386
  }
314
387
 
315
-
316
- /*******************************
317
- Variations
318
- *******************************/
319
-
388
+ /* Coupling with Sidebar */
389
+ .undetached.dimmable.dimmed > .pusher {
390
+ z-index: auto;
391
+ }
392
+ @media only screen and (max-width: 992px) {
393
+ .modals.dimmer .ui.scrolling.modal {
394
+ margin-top: 1rem !important;
395
+ margin-bottom: 1rem !important;
396
+ }
397
+ }
320
398
 
321
399
  /*--------------
322
400
  Full Screen
@@ -334,9 +412,9 @@
334
412
  padding-right: 2.25rem;
335
413
  }
336
414
  .ui.fullscreen.modal > .close {
337
- top: 0.905rem;
415
+ top: 1.0535rem;
338
416
  right: 1rem;
339
- color: rgba(0, 0, 0, 0.8);
417
+ color: rgba(0, 0, 0, 0.87);
340
418
  }
341
419
 
342
420
  /*--------------
@@ -348,7 +426,7 @@
348
426
  }
349
427
 
350
428
  /* Small */
351
- .ui.small.modal > .header {
429
+ .ui.small.modal > .header:not(.ui) {
352
430
  font-size: 1.3em;
353
431
  }
354
432
 
@@ -361,26 +439,26 @@
361
439
  }
362
440
  @media only screen and (min-width: 768px) {
363
441
  .ui.small.modal {
364
- width: 52.8%;
365
- margin: 0em 0em 0em -26.4%;
442
+ width: 70.4%;
443
+ margin: 0em 0em 0em -35.2%;
366
444
  }
367
445
  }
368
446
  @media only screen and (min-width: 992px) {
369
447
  .ui.small.modal {
370
- width: 44.4%;
371
- margin: 0em 0em 0em -22.2%;
448
+ width: 680px;
449
+ margin: 0em 0em 0em -340px;
372
450
  }
373
451
  }
374
- @media only screen and (min-width: 1400px) {
452
+ @media only screen and (min-width: 1200px) {
375
453
  .ui.small.modal {
376
- width: 33.6%;
377
- margin: 0em 0em 0em -16.8%;
454
+ width: 720px;
455
+ margin: 0em 0em 0em -360px;
378
456
  }
379
457
  }
380
458
  @media only screen and (min-width: 1920px) {
381
459
  .ui.small.modal {
382
- width: 25.2%;
383
- margin: 0em 0em 0em -12.6%;
460
+ width: 760px;
461
+ margin: 0em 0em 0em -380px;
384
462
  }
385
463
  }
386
464
 
@@ -402,20 +480,20 @@
402
480
  }
403
481
  @media only screen and (min-width: 992px) {
404
482
  .ui.large.modal {
405
- width: 88.8%;
406
- margin: 0em 0em 0em -44.4%;
483
+ width: 1020px;
484
+ margin: 0em 0em 0em -510px;
407
485
  }
408
486
  }
409
- @media only screen and (min-width: 1400px) {
487
+ @media only screen and (min-width: 1200px) {
410
488
  .ui.large.modal {
411
- width: 67.2%;
412
- margin: 0em 0em 0em -33.6%;
489
+ width: 1080px;
490
+ margin: 0em 0em 0em -540px;
413
491
  }
414
492
  }
415
493
  @media only screen and (min-width: 1920px) {
416
494
  .ui.large.modal {
417
- width: 50.4%;
418
- margin: 0em 0em 0em -25.2%;
495
+ width: 1140px;
496
+ margin: 0em 0em 0em -570px;
419
497
  }
420
498
  }
421
499