@@ -87,7 +87,7 @@ button.toast-close-button {
87
87
-webkit-box-sizing : border-box;
88
88
box-sizing : border-box;
89
89
}
90
- # toast-container > div {
90
+ # toast-container . toast {
91
91
position : relative;
92
92
overflow : hidden;
93
93
margin : 0 0 6px ;
@@ -104,32 +104,32 @@ button.toast-close-button {
104
104
color : # FFFFFF ;
105
105
opacity : 0.8 ;
106
106
}
107
- # toast-container > : hover {
107
+ # toast-container . toast : hover {
108
108
-moz-box-shadow : 0 0 12px # 000000 ;
109
109
-webkit-box-shadow : 0 0 12px # 000000 ;
110
110
box-shadow : 0 0 12px # 000000 ;
111
111
opacity : 1 ;
112
112
cursor : pointer;
113
113
}
114
- # toast-container > .toast-info {
114
+ # toast-container . toast .toast-info {
115
115
background-image : url ("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=" ) !important ;
116
116
}
117
- # toast-container > .toast-error {
117
+ # toast-container . toast .toast-error {
118
118
background-image : url ("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=" ) !important ;
119
119
}
120
- # toast-container > .toast-success {
120
+ # toast-container . toast .toast-success {
121
121
background-image : url ("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==" ) !important ;
122
122
}
123
- # toast-container > .toast-warning {
123
+ # toast-container . toast .toast-warning {
124
124
background-image : url ("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=" ) !important ;
125
125
}
126
- # toast-container .toast-top-center > div ,
127
- # toast-container .toast-bottom-center > div {
126
+ # toast-container .toast-top-center . toast ,
127
+ # toast-container .toast-bottom-center . toast {
128
128
width : 300px ;
129
129
margin : auto;
130
130
}
131
- # toast-container .toast-top-full-width > div ,
132
- # toast-container .toast-bottom-full-width > div {
131
+ # toast-container .toast-top-full-width . toast ,
132
+ # toast-container .toast-bottom-full-width . toast {
133
133
width : 96% ;
134
134
margin : auto;
135
135
}
@@ -157,26 +157,26 @@ button.toast-close-button {
157
157
opacity : 0.4 ;
158
158
}
159
159
/*Animations*/
160
- . toast {
160
+ div [ toast ] {
161
161
opacity : 1 !important ;
162
162
}
163
- . toast .ng-enter {
163
+ div [ toast ] .ng-enter {
164
164
opacity : 0 !important ;
165
165
transition : opacity .3s linear;
166
166
}
167
- . toast .ng-enter .ng-enter-active {
167
+ div [ toast ] .ng-enter .ng-enter-active {
168
168
opacity : 1 !important ;
169
169
}
170
- . toast .ng-leave {
170
+ div [ toast ] .ng-leave {
171
171
opacity : 1 ;
172
172
transition : opacity .3s linear;
173
173
}
174
- . toast .ng-leave .ng-leave-active {
174
+ div [ toast ] .ng-leave .ng-leave-active {
175
175
opacity : 0 !important ;
176
176
}
177
177
/*Responsive Design*/
178
178
@media all and (max-width : 240px ) {
179
- # toast-container > div {
179
+ # toast-container . toast . div {
180
180
padding : 8px 8px 8px 50px ;
181
181
width : 11em ;
182
182
}
@@ -186,7 +186,7 @@ button.toast-close-button {
186
186
}
187
187
}
188
188
@media all and (min-width : 241px ) and (max-width : 480px ) {
189
- # toast-container > div {
189
+ # toast-container . toast . div {
190
190
padding : 8px 8px 8px 50px ;
191
191
width : 18em ;
192
192
}
@@ -196,7 +196,7 @@ button.toast-close-button {
196
196
}
197
197
}
198
198
@media all and (min-width : 481px ) and (max-width : 768px ) {
199
- # toast-container > div {
199
+ # toast-container . toast . div {
200
200
padding : 15px 15px 15px 50px ;
201
201
width : 25em ;
202
202
}
0 commit comments