izitoast 1.2.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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