//autoprefixer: true, sourceMap: true, compress: true .dashboard { min-height: 100vh; min-width: 100%; &--elem{ position: relative; border: 1px dashed gainsboro; width: 50%; float: left; height: 50vh; background-image: url('../img/dragdrop.png'); background-repeat: no-repeat; background-position: center center; background-size: 100px 100px; iframe { border: none; } &.small { display: none; &--panel{ display: none; } } &.fullscreen { display: block!important; height: 100vh!important; width: 100%!important; } &--panel{ z-index: 999; position: absolute; left: 15px; top: 15px; background-color: black; border-radius: 15px; color:white; text-align: center; padding: 10px; span{ &:first-child{ margin-left: 0px; } cursor: pointer; margin-left: 10px; } } } }