izitoast 1.2.0 → 1.4.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,5 +1,5 @@
1
1
  /*
2
- * iziToast | v1.2.0
2
+ * iziToast | v1.4.0
3
3
  * http://izitoast.marcelodolce.com
4
4
  * by Marcelo Dolce.
5
5
  */
@@ -117,16 +117,41 @@
117
117
  margin: 0 0 0 15px;
118
118
  text-align: left;
119
119
  }
120
- .iziToast > .iziToast-body::after {
120
+ .iziToast > .iziToast-body:after {
121
121
  content: "";
122
122
  display: table;
123
123
  clear: both;
124
124
  }
125
125
  .iziToast > .iziToast-body .iziToast-texts {
126
126
  margin: 10px 0 0 0;
127
+ padding-right: 2px;
127
128
  display: inline-block;
128
129
  float: left;
129
130
  }
131
+ .iziToast > .iziToast-body .iziToast-inputs {
132
+ min-height: 19px;
133
+ float: left;
134
+ margin: 3px -2px;
135
+ }
136
+ .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]),
137
+ .iziToast > .iziToast-body .iziToast-inputs > select {
138
+ position: relative;
139
+ display: inline-block;
140
+ margin: 2px;
141
+ border-radius: 2px;
142
+ border: 0;
143
+ padding: 4px 7px;
144
+ font-size: 13px;
145
+ letter-spacing: 0.02em;
146
+ background: rgba(0,0,0,0.1);
147
+ color: #000;
148
+ box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
149
+ min-height: 26px;
150
+ }
151
+ .iziToast > .iziToast-body .iziToast-inputs > input:not([type=checkbox]):not([type=radio]):focus,
152
+ .iziToast > .iziToast-body .iziToast-inputs > select:focus {
153
+ box-shadow: 0 0 0 1px rgba(0,0,0,0.6);
154
+ }
130
155
  .iziToast > .iziToast-body .iziToast-buttons {
131
156
  min-height: 17px;
132
157
  float: left;
@@ -134,7 +159,7 @@
134
159
  }
135
160
  .iziToast > .iziToast-body .iziToast-buttons > a,
136
161
  .iziToast > .iziToast-body .iziToast-buttons > button,
137
- .iziToast > .iziToast-body .iziToast-buttons > input {
162
+ .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]) {
138
163
  position: relative;
139
164
  display: inline-block;
140
165
  margin: 2px;
@@ -149,17 +174,17 @@
149
174
  }
150
175
  .iziToast > .iziToast-body .iziToast-buttons > a:hover,
151
176
  .iziToast > .iziToast-body .iziToast-buttons > button:hover,
152
- .iziToast > .iziToast-body .iziToast-buttons > input:hover {
177
+ .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):hover {
153
178
  background: rgba(0,0,0,0.2);
154
179
  }
155
180
  .iziToast > .iziToast-body .iziToast-buttons > a:focus,
156
181
  .iziToast > .iziToast-body .iziToast-buttons > button:focus,
157
- .iziToast > .iziToast-body .iziToast-buttons > input:focus {
182
+ .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):focus {
158
183
  box-shadow: 0 0 0 1px rgba(0,0,0,0.6);
159
184
  }
160
185
  .iziToast > .iziToast-body .iziToast-buttons > a:active,
161
186
  .iziToast > .iziToast-body .iziToast-buttons > button:active,
162
- .iziToast > .iziToast-body .iziToast-buttons > input:active {
187
+ .iziToast > .iziToast-body .iziToast-buttons > input:not([type=checkbox]):not([type=radio]):active {
163
188
  top: 1px;
164
189
  }
165
190
  .iziToast > .iziToast-body .iziToast-icon {
@@ -172,36 +197,28 @@
172
197
  line-height: 24px;
173
198
  margin-top: -12px;
174
199
  color: #000;
200
+ width: 24px;
201
+ height: 24px;
175
202
  }
176
203
  .iziToast > .iziToast-body .iziToast-icon.ico-info {
177
204
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAflBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCtoPsAAAAKXRSTlMA6PsIvDob+OapavVhWRYPrIry2MxGQ97czsOzpJaMcE0qJQOwVtKjfxCVFeIAAAI3SURBVFjDlJPZsoIwEETnCiGyb8q+qmjl/3/wFmGKwjBROS9QWbtnOqDDGPq4MdMkSc0m7gcDDhF4NRdv8NoL4EcMpzoJglPl/KTDz4WW3IdvXEvxkfIKn7BMZb1bFK4yZFqghZ03jk0nG8N5NBwzx9xU5cxAg8fXi20/hDdC316lcA8o7t16eRuQvW1XGd2d2P8QSHQDDbdIII/9CR3lUF+lbucfJy4WfMS64EJPORnrZxtfc2pjJdnbuags3l04TTtJMXrdTph4Pyg4XAjugAJqMDf5Rf+oXx2/qi4u6nipakIi7CsgiuMSEF9IGKg8heQJKkxIfFSUU/egWSwNrS1fPDtLfon8sZOcYUQml1Qv9a3kfwsEUyJEMgFBKzdV8o3Iw9yAjg1jdLQCV4qbd3no8yD2GugaC3oMbF0NYHCpJYSDhNI5N2DAWB4F4z9Aj/04Cna/x7eVAQ17vRjQZPh+G/kddYv0h49yY4NWNDWMMOMUIRYvlTECmrN8pUAjo5RCMn8KoPmbJ/+Appgnk//Sy90GYBCGgm7IAskQ7D9hFKW4ApB1ei3FSYD9PjGAKygAV+ARFYBH5BsVgG9kkBSAQWKUFYBRZpkUgGVinRWAdUZQDABBQdIcAElDVBUAUUXWHQBZx1gMAGMprM0AsLbVXHsA5trZe93/wp3svQ0YNb/jWV3AIOLsMtlznSNOH7JqjOpDVh7z8qCZR10ftvO4nxeOvPLkpSuvfXnxzKtvXr7j+v8C5ii0e71At7cAAAAASUVORK5CYII=") no-repeat 50% 50%;
178
205
  background-size: 85%;
179
- width: 24px;
180
- height: 24px;
181
206
  }
182
207
  .iziToast > .iziToast-body .iziToast-icon.ico-warning {
183
208
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAMAAAAPzWOAAAAAkFBMVEUAAAAAAAABAAIAAAABAAIAAAMAAAABAAIBAAIBAAIAAAIAAAABAAIAAAABAAICAAICAAIAAAIAAAAAAAAAAAABAAIBAAIAAAMAAAABAAIBAAMBAAECAAIAAAIAAAIAAAABAAIBAAIBAAMBAAIBAAEAAAIAAAMAAAAAAAABAAECAAICAAIAAAIAAAMAAAQAAAE05yNAAAAAL3RSTlMAB+kD7V8Q+PXicwv7I9iYhkAzJxnx01IV5cmnk2xmHfzexsK4eEw5L7Gei39aRw640awAAAHQSURBVFjD7ZfJdoJAEEWJgCiI4oDiPM8m7///LidErRO7sHrY5u7YXLr7vKqu9kTC0HPmo9n8cJbEQOzqqAdAUHeUZACQuTkGDQBoDJwkHZR0XBz9FkpafXuHP0SJ09mGeJLZ5wwlTmcbA0THPmdEK7XPGTG1zxmInn3OiJ19zkB0jSVTKExMHT0wjAwlWzC0fSPHF1gWRpIhWMYm7fYTFcQGlbemf4dFfdTGg0B/KXM8qBU/3wntbq7rSGqvJ9kla6IpueFJet8fxfem5yhykjyOgNaWF1qSGd5JMNNxpNF7SZQaVh5JzLrTCZIEJ1GyEyVyd+pClMjdaSJK5O40giSRu5PfFiVyd1pAksjdKRnrSsbVdbiHrgT7yss315fkVQPLFQrL+4FHeOXKO5YRFEKv5AiFaMlKLlBpJuVCJlC5sJfvCgztru/3NmBYccPgGTxRAzxn1XGEMUf58pXZvjoOsOCgjL08+b53mtfAM/SVsZcjKLtysQZPqIy9HPP3m/3zKItRwT0LyQo8sTr26tcO83DIUMWIJjierHLsJda/tbNBFY0BP/bKtcM8HNIWCK3aYR4OMzgxo5w5EFLOLKDExXAm9gI4E3iAO94/Ct/lKWuM2LMGbgAAAABJRU5ErkJggg==") no-repeat 50% 50%;
184
209
  background-size: 85%;
185
- width: 24px;
186
- height: 24px;
187
210
  }
188
211
  .iziToast > .iziToast-body .iziToast-icon.ico-error {
189
212
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVyEiIAAAAJ3RSTlMA3BsB98QV8uSyWVUFz7+kcWMM2LuZioBpTUVBNcq2qaibj4d1azLZZYABAAACZElEQVRYw7WX25KCMAyGAxUoFDkpiohnV97/DXeGBtoOUprZ2dyo1K82fxKbwJJVp+KQZ7so2mX5oThVQLKwjDe9YZu4DF3ptAn6rxY0qQPOEq9fNC9ha3y77a22ba24v+9Xbe8v8x03dPOC2/NdvB6xeSreLfGJpnx0TyotKqLm2s7Jd/WO6ivXNp0tCy02R/aFz5VQ5wUPlUL5fIfj5KIlVGU0nWHm/5QtoTVMWY8mzIVu1K9O7XH2JiU/xnOOT39gnUfj+lFHddx4tFjL3/H8jjzaFCy2Rf0c/fdQyQszI8BDR973IyMSKa4krjxAiW/lkRvMP+bKK9WbYS1ASQg8dKjaUGlYPwRe/WoIkz8tiQchH5QAEMv6T0k8MD4mUyWr4E7jAWqZ+xWcMIYkXvlwggJ3IvFK+wIOcpXAo8n8P0COAaXyKH4OsjBuZB4ew0IGu+H1SebhNazsQBbWm8yj+hFuUJB5eMsN0IUXmYendAFFfJB5uEkRMYwxmcd6zDGRtmQePEykAgubymMRFmMxCSIPCRbTuFNN5OGORTjmNGc0Po0m8Uv0gcCry6xUhR2QeLii9tofbEfhz/qvNti+OfPqNm2Mq6105FUMvdT4GPmufMiV8PqBMkc+DdT1bjYYbjzU/ew23VP4n3mLAz4n8Jtv/Ui3ceTT2mzz5o1mZt0gnBpmsdjqRqVlmplcPdqa7X23kL9brdm2t/uBYDPn2+tyu48mtIGD10JTuUrukVrbCFiwDzcHrPjxKt7PW+AZQyT/WESO+1WL7f3o+WLHL2dYMSZsg6dg/z360ofvP4//v1NPzgs28WlWAAAAAElFTkSuQmCC") no-repeat 50% 50%;
190
213
  background-size: 80%;
191
- width: 24px;
192
- height: 24px;
193
214
  }
194
215
  .iziToast > .iziToast-body .iziToast-icon.ico-success {
195
216
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABt0UjBAAAACnRSTlMApAPhIFn82wgGv8mVtwAAAKVJREFUSMft0LEJAkEARNFFFEw1NFJb8CKjAy1AEOzAxNw+bEEEg6nyFjbY4LOzcBwX7S/gwUxoTdIn+Jbv4Lv8bx446+kB6VsBtK0B+wbMCKxrwL33wOrVeeChX28n7KTOTjgoEu6DRSYAgAAAAkAmAIAAAAIACQIkMkACAAgAIACAyECBKAOJuCagTJwSUCaUAEMAABEBRwAAEQFLbCJgO4bW+AZKGnktR+jAFAAAAABJRU5ErkJggg==") no-repeat 50% 50%;
196
217
  background-size: 85%;
197
- width: 24px;
198
- height: 24px;
199
218
  }
200
219
  .iziToast > .iziToast-body .iziToast-icon.ico-question {
201
220
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfhCQkUEhFovxTxAAAEDklEQVRo3s2ZTWgTQRTHf03ipTRUqghNSgsRjHgQrFUQC6JgD1Kak3gQUUoPqRdBglf1oBehBws9Cn4cGk+1SOmh2upBxAYVoeJHrR9tgq0i1Cq0lqYeks7MbpPdmU00/c8hm9n33v/t7Nt5M2+qMEWQI0QIibZKRrQpHvLL2KI2wnQzzBKrDm2RIeKEy01dTYKUI7G1ZRknQXV5yP10kTYgly1NF/5S6duZ8ES+1iZodyaocrjXxE0OFeifYYgp0mRIkwFChAkRJsIxGgrIP+I0n82fvZW5dc/zkss0O2o1c5mX6/TmaDWl77RFe5YkUW3tKEmyFv0lOvXJ/fTYnmCEFuMRbGHEZqVHLyT9DFjUJmkzJl9DG5MWWwM6Llif/gF1nukB6nhgGwUXdFrE+wiURA8QoM9i0zEWWpXQW+ZsyeRrOMuyEo5Fv4gmy4dXPvqcC+pH2VRYaMwy+OWG+iLGCgm0W0Kv9HdvR8ASjmKCXpuK/bxiV/76A/v5UdDIZuKcJGjrnec5KZ7wwsWFOp6xPX/9mt2sqDe7FO+Kf/fXHBPPDWpdXGhTpLvUG9VKwh1xMDDjkvu+cNDFBTk7ptX1QkKZ850m3duu6fcrWxwdaFFyREJ2j4vOpKP6Du6z4uJCv8sYJIVkCnJBGGZaBONO3roY2EqNrSfIPi7SKP4fdXyNUd6I6wbSAHEl33tFLe+FlSsusnK90A0+oEPcuufZgXnOi+u9LrKSJQZQw6LwqBnv2CKsfHORbFbyQhA6xN/pEuihSdj56Co7LWRjPiKie6gkB2LiKuUqK5kiPkLiz1QJ9K1cNXBAMoUCigNpQ9IqDtMI1HKA4/jyvUsaoSyZLA5kjOjDPFZen8Ql5TsvBskUgjciIPSX3QAXC86DT7VWvlEh/xZ+ij9BDVWJ0QL0SbZq6QaFxoLPcXPmBLveLCc4wXdDK6s+6/vwhCSniFLPXW0NJe5UB8zKCsviqpc7vGPVQFcyZbyPwGD+d5ZnxmNWlhG4xSBZZjivjIWHEQgoDkSMjMwTo54569JSE5IpA7EyJSMTyGTUAUFlO1ZKOtaHTMeL1PhYYFTcihmY2cQ5+ullj7EDkiVfVez2sCTz8yiv84djhg7IJVk81xFWJlPdfHBG0flkRC/zQFZ+DSllNtfDdUsOMCliyGX5uOzU3ZhIXFDof4m1gDuKbEx0t2YS25gVGpcMnr/I1kx3c6piB8P8ZoqEwfMX3ZyCXynJTmq/U7NUXqfUzCbWL1wqVKBQUeESzQYoUlW8TAcVL1RCxUu1G6BYXfFyfQ4VPbDI4T8d2WzgQ6sc/vmxnTsqfHCZQzUJxm1h5dxS5Tu6lQgTZ0ipqRVqSwzTbbLHMt+c19iO76tsx/cLZub+Ali+tYC93olEAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE3LTA5LTA5VDIwOjE4OjE3KzAyOjAwjKtfjgAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNy0wOS0wOVQyMDoxODoxNyswMjowMP325zIAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") no-repeat 50% 50%;
202
221
  background-size: 85%;
203
- width: 24px;
204
- height: 24px;
205
222
  }
206
223
  .iziToast > .iziToast-body .iziToast-title {
207
224
  padding: 0;
@@ -226,7 +243,8 @@
226
243
  .iziToast.iziToast-animateInside .iziToast-title,
227
244
  .iziToast.iziToast-animateInside .iziToast-message,
228
245
  .iziToast.iziToast-animateInside .iziToast-icon,
229
- .iziToast.iziToast-animateInside .iziToast-buttons-child {
246
+ .iziToast.iziToast-animateInside .iziToast-buttons-child,
247
+ .iziToast.iziToast-animateInside .iziToast-inputs-child {
230
248
  opacity: 0;
231
249
  }
232
250
  .iziToast-target {
@@ -268,6 +286,7 @@
268
286
  .iziToast-wrapper-bottomLeft {
269
287
  left: 0;
270
288
  bottom: 0;
289
+ text-align: left;
271
290
  }
272
291
  .iziToast-wrapper-bottomLeft .iziToast.iziToast-balloon:before {
273
292
  border-right: 15px solid transparent;
@@ -283,6 +302,7 @@
283
302
  .iziToast-wrapper-topLeft {
284
303
  left: 0;
285
304
  top: 0;
305
+ text-align: left;
286
306
  }
287
307
  .iziToast-wrapper-topLeft .iziToast.iziToast-balloon:before {
288
308
  border-right: 15px solid transparent;
@@ -336,6 +356,7 @@
336
356
  text-align: right;
337
357
  }
338
358
  .iziToast-rtl .iziToast-body .iziToast-buttons,
359
+ .iziToast-rtl .iziToast-body .iziToast-inputs,
339
360
  .iziToast-rtl .iziToast-body .iziToast-texts,
340
361
  .iziToast-rtl .iziToast-body .iziToast-title,
341
362
  .iziToast-rtl .iziToast-body .iziToast-message {
@@ -350,15 +371,12 @@
350
371
  .iziToast-wrapper {
351
372
  padding: 10px 15px;
352
373
  }
353
- .iziToast-cover {
354
- border-radius: 3px 0 0 3px;
355
- }
356
374
  .iziToast {
357
375
  margin: 5px 0;
358
376
  border-radius: 3px;
359
377
  width: auto;
360
378
  }
361
- .iziToast::after {
379
+ .iziToast:after {
362
380
  content: '';
363
381
  z-index: -1;
364
382
  position: absolute;
@@ -369,16 +387,22 @@
369
387
  border-radius: 3px;
370
388
  box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1), 0 8px 8px -5px rgba(0,0,0,0.25);
371
389
  }
372
- .iziToast.iziToast-color-dark::after {
390
+ .iziToast:not(.iziToast-rtl) .iziToast-cover {
391
+ border-radius: 3px 0 0 3px;
392
+ }
393
+ .iziToast.iziToast-rtl .iziToast-cover {
394
+ border-radius: 0 3px 3px 0;
395
+ }
396
+ .iziToast.iziToast-color-dark:after {
373
397
  box-shadow: inset 0 -10px 20px -10px rgba(255,255,255,0.3), 0 10px 10px -5px rgba(0,0,0,0.25);
374
398
  }
375
399
  .iziToast.iziToast-balloon .iziToast-progressbar {
376
400
  background: transparent;
377
401
  }
378
- .iziToast.iziToast-balloon::after {
402
+ .iziToast.iziToast-balloon:after {
379
403
  box-shadow: 0 10px 10px -5px rgba(0,0,0,0.25), inset 0 10px 20px -5px rgba(0,0,0,0.25);
380
404
  }
381
- .iziToast-target .iziToast::after {
405
+ .iziToast-target .iziToast:after {
382
406
  box-shadow: inset 0 -10px 20px -10px rgba(0,0,0,0.2), inset 0 0 5px rgba(0,0,0,0.1);
383
407
  }
384
408
  }
@@ -456,6 +480,7 @@
456
480
  background: rgba(166,239,184,0.9);
457
481
  border-color: rgba(166,239,184,0.9);
458
482
  }
483
+ .iziToast.iziToast-layout2 .iziToast-body .iziToast-texts,
459
484
  .iziToast.iziToast-layout2 .iziToast-body .iziToast-message {
460
485
  width: 100%;
461
486
  }
@@ -493,7 +518,8 @@
493
518
  -webkit-animation: iziT-bounceInUp 0.7s ease-in-out both;
494
519
  animation: iziT-bounceInUp 0.7s ease-in-out both;
495
520
  }
496
- .iziToast.fadeIn {
521
+ .iziToast.fadeIn,
522
+ .iziToast .fadeIn {
497
523
  -webkit-animation: iziT-fadeIn 0.5s ease both;
498
524
  animation: iziT-fadeIn 0.5s ease both;
499
525
  }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: izitoast
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.2.0
4
+ version: 1.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Shamil
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-12-16 00:00:00.000000000 Z
11
+ date: 2018-10-07 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler