Skip to content

Commit d2be7a7

Browse files
Semantic-Pusher-RobotSemantic-Pusher-Robot
committed
Updated component to version 2.5.0
1 parent 8e6fe20 commit d2be7a7

File tree

4 files changed

+30
-67
lines changed

4 files changed

+30
-67
lines changed

‎composer.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,10 @@
55
"authors": [{
66
"name": "Jack Lukic",
77
"email": "[email protected]",
8-
"web": "http://www.jacklukic.com",
8+
"homepage": "http://www.jacklukic.com",
99
"role": "Creator"
1010
}],
1111
"keywords": ["semantic", "ui", "css", "framework"],
1212
"license": "MIT",
13-
"version": "2.4.1"
13+
"version": "2.5.0"
1414
}

‎message.css

+25-62
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* # Semantic UI 2.4.1 - Message
2+
* # Semantic UI 2.5.0 - Message
33
* http://github.com/semantic-org/semantic-ui/
44
*
55
*
@@ -21,13 +21,9 @@
2121
padding: 1em 1.5em;
2222
line-height: 1.4285em;
2323
color: rgba(0, 0, 0, 0.87);
24-
-webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
25-
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
2624
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
27-
transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
2825
border-radius: 0.28571429rem;
29-
-webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
30-
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
26+
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
3127
}
3228
.ui.message:first-child {
3329
margin-top: 0em;
@@ -113,7 +109,6 @@
113109
top: 0.78575em;
114110
right: 0.5em;
115111
opacity: 0.7;
116-
-webkit-transition: opacity 0.1s ease;
117112
transition: opacity 0.1s ease;
118113
}
119114
.ui.message > .close.icon:hover {
@@ -151,8 +146,6 @@
151146
display: block;
152147
}
153148
.ui.icon.visible.visible.visible.visible.message {
154-
display: -webkit-box;
155-
display: -ms-flexbox;
156149
display: flex;
157150
}
158151

@@ -178,8 +171,6 @@
178171
display: inline-block;
179172
}
180173
.ui.compact.icon.message {
181-
display: -webkit-inline-box;
182-
display: -ms-inline-flexbox;
183174
display: inline-flex;
184175
}
185176

@@ -190,8 +181,7 @@
190181
.ui.attached.message {
191182
margin-bottom: -1px;
192183
border-radius: 0.28571429rem 0.28571429rem 0em 0em;
193-
-webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
194-
box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
184+
box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
195185
margin-left: -1px;
196186
margin-right: -1px;
197187
}
@@ -202,8 +192,7 @@
202192
.ui.bottom.attached.message {
203193
margin-top: -1px;
204194
border-radius: 0em 0em 0.28571429rem 0.28571429rem;
205-
-webkit-box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
206-
box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
195+
box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
207196
}
208197
.ui.bottom.attached.message:not(:last-child) {
209198
margin-bottom: 1em;
@@ -217,19 +206,13 @@
217206
---------------*/
218207

219208
.ui.icon.message {
220-
display: -webkit-box;
221-
display: -ms-flexbox;
222209
display: flex;
223210
width: 100%;
224-
-webkit-box-align: center;
225-
-ms-flex-align: center;
226-
align-items: center;
211+
align-items: center;
227212
}
228213
.ui.icon.message > .icon:not(.close) {
229214
display: block;
230-
-webkit-box-flex: 0;
231-
-ms-flex: 0 0 auto;
232-
flex: 0 0 auto;
215+
flex: 0 0 auto;
233216
width: auto;
234217
line-height: 1;
235218
vertical-align: middle;
@@ -238,9 +221,7 @@
238221
}
239222
.ui.icon.message > .content {
240223
display: block;
241-
-webkit-box-flex: 1;
242-
-ms-flex: 1 1 auto;
243-
flex: 1 1 auto;
224+
flex: 1 1 auto;
244225
vertical-align: middle;
245226
}
246227
.ui.icon.message .icon:not(.close) + .content {
@@ -255,8 +236,7 @@
255236
---------------*/
256237

257238
.ui.floating.message {
258-
-webkit-box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
259-
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
239+
box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
260240
}
261241

262242
/*--------------
@@ -280,8 +260,7 @@
280260
}
281261
.ui.positive.message,
282262
.ui.attached.positive.message {
283-
-webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
284-
box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
263+
box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
285264
}
286265
.ui.positive.message .header {
287266
color: #1A531B;
@@ -294,8 +273,7 @@
294273
}
295274
.ui.negative.message,
296275
.ui.attached.negative.message {
297-
-webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
298-
box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
276+
box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
299277
}
300278
.ui.negative.message .header {
301279
color: #912D2B;
@@ -308,8 +286,7 @@
308286
}
309287
.ui.info.message,
310288
.ui.attached.info.message {
311-
-webkit-box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
312-
box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
289+
box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
313290
}
314291
.ui.info.message .header {
315292
color: #0E566C;
@@ -322,8 +299,7 @@
322299
}
323300
.ui.warning.message,
324301
.ui.attached.warning.message {
325-
-webkit-box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
326-
box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
302+
box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
327303
}
328304
.ui.warning.message .header {
329305
color: #794B02;
@@ -336,8 +312,7 @@
336312
}
337313
.ui.error.message,
338314
.ui.attached.error.message {
339-
-webkit-box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
340-
box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
315+
box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
341316
}
342317
.ui.error.message .header {
343318
color: #912D2B;
@@ -350,8 +325,7 @@
350325
}
351326
.ui.success.message,
352327
.ui.attached.success.message {
353-
-webkit-box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
354-
box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
328+
box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
355329
}
356330
.ui.success.message .header {
357331
color: #1A531B;
@@ -366,98 +340,87 @@
366340
.ui.red.message {
367341
background-color: #FFE8E6;
368342
color: #DB2828;
369-
-webkit-box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
370-
box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
343+
box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
371344
}
372345
.ui.red.message .header {
373346
color: #c82121;
374347
}
375348
.ui.orange.message {
376349
background-color: #FFEDDE;
377350
color: #F2711C;
378-
-webkit-box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
379-
box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
351+
box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
380352
}
381353
.ui.orange.message .header {
382354
color: #e7640d;
383355
}
384356
.ui.yellow.message {
385357
background-color: #FFF8DB;
386358
color: #B58105;
387-
-webkit-box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
388-
box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
359+
box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
389360
}
390361
.ui.yellow.message .header {
391362
color: #9c6f04;
392363
}
393364
.ui.olive.message {
394365
background-color: #FBFDEF;
395366
color: #8ABC1E;
396-
-webkit-box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
397-
box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
367+
box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
398368
}
399369
.ui.olive.message .header {
400370
color: #7aa61a;
401371
}
402372
.ui.green.message {
403373
background-color: #E5F9E7;
404374
color: #1EBC30;
405-
-webkit-box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
406-
box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
375+
box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
407376
}
408377
.ui.green.message .header {
409378
color: #1aa62a;
410379
}
411380
.ui.teal.message {
412381
background-color: #E1F7F7;
413382
color: #10A3A3;
414-
-webkit-box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
415-
box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
383+
box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
416384
}
417385
.ui.teal.message .header {
418386
color: #0e8c8c;
419387
}
420388
.ui.blue.message {
421389
background-color: #DFF0FF;
422390
color: #2185D0;
423-
-webkit-box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
424-
box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
391+
box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
425392
}
426393
.ui.blue.message .header {
427394
color: #1e77ba;
428395
}
429396
.ui.violet.message {
430397
background-color: #EAE7FF;
431398
color: #6435C9;
432-
-webkit-box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
433-
box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
399+
box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
434400
}
435401
.ui.violet.message .header {
436402
color: #5a30b5;
437403
}
438404
.ui.purple.message {
439405
background-color: #F6E7FF;
440406
color: #A333C8;
441-
-webkit-box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
442-
box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
407+
box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
443408
}
444409
.ui.purple.message .header {
445410
color: #922eb4;
446411
}
447412
.ui.pink.message {
448413
background-color: #FFE3FB;
449414
color: #E03997;
450-
-webkit-box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
451-
box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
415+
box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
452416
}
453417
.ui.pink.message .header {
454418
color: #dd238b;
455419
}
456420
.ui.brown.message {
457421
background-color: #F1E2D3;
458422
color: #A5673F;
459-
-webkit-box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
460-
box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
423+
box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
461424
}
462425
.ui.brown.message .header {
463426
color: #935b38;

0 commit comments

Comments
 (0)