.dptw{ position : absolute; top : 0em; left : 0em; width : 100%; height : 100%; font-family : $font-family; overflow : hidden; textarea{ position : absolute; top : 50%; left : 50%; width : 40em; height : 40em; margin-top : -20em; margin-left : -20em; font-size : 1em; box-sizing : border-box; } .toast{ position : absolute; top : 2em; right : 1em; margin : 0em; padding : 0em; list-style-type : none; text-align : right; z-index : 50; &>li{ display : block; margin : 0em; margin-bottom : 1em; padding : .5em; background-color : mix(rgba(0, 0, 0, 0), $color-default, 70%); border : .1em solid $color-default; color : $color-default; // border-radius : 1em; &[data-type=ok]{ background-color : mix(rgba(0, 0, 0, 0), $color-ok, 70%); border-color : $color-ok; color : $color-ok; } &[data-type=info]{ background-color : mix(rgba(0, 0, 0, 0), $color-info, 70%); border-color : $color-info; color : $color-info; } &[data-type=warn]{ background-color : mix(rgba(0, 0, 0, 0), $color-warn, 70%); border-color : $color-warn; color : $color-warn; } &[data-type=erro],&[data-type=error]{ background-color : mix(rgba(0, 0, 0, 0), $color-error, 70%); border-color : $color-error; color : $color-error; } } } }