| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- .ui-toast {
- position: fixed;
- width: 20em;
- }
- .ui-toast .ui-toast-message {
- position: relative;
- display: block;
- margin-bottom: .75em;
- overflow: hidden;
- }
- .ui-toast .ui-toast-message-content {
- padding: .5em 1em;
- }
- .ui-toast .ui-toast-close-icon {
- position: absolute;
- top: .25em;
- right: .25em;
- cursor: pointer;
- display: inline-block;
- }
- .ui-toast .ui-toast-summary {
- font-weight: bold;
- padding: 0 0 .5em 0;
- display: block;
- }
- .ui-toast .ui-toast-icon {
- position: absolute;
- display: inline-block;
- left: .5em;
- top: .25em;
- padding: 0;
- font-size: 2em;
- }
- .ui-toast .ui-toast-message-text-content {
- padding: 0 0 .25em 0;
- margin-left: 2.5em;
- }
- /* Positions */
- .ui-toast-top-right {
- top: 20px;
- right: 20px;
- }
- .ui-toast-top-left {
- top: 20px;
- left: 20px;
- }
- .ui-toast-bottom-right {
- bottom: 20px;
- right: 20px;
- }
- .ui-toast-bottom-left {
- bottom: 20px;
- left: 20px;
- }
- .ui-toast-top-center {
- top: 20px;
- left: 50%;
- margin-left: -10em;
- }
- .ui-toast-bottom-center {
- bottom: 20px;
- left: 50%;
- margin-left: -10em;
- }
- .ui-toast-center {
- left: 50%;
- top: 50%;
- min-width: 20vw;
- transform: translate(-50%, -50%);
- }
|