schlechtenburg/packages/core/lib/components/Block.scss

43 lines
667 B
SCSS

.sb-block {
$block: &;
display: flex;
flex-direction: column;
align-items: stretch;
justify-items: stretch;
height: auto;
min-width: 32px;
min-height: 32px;
> * > .sb-toolbar {
opacity: 0;
pointer-events: none;
}
> .sb-block-ordering {
opacity: 0;
pointer-events: none;
}
&_active,
&_active:hover {
z-index: 1;
outline: 4px solid var(--interact);
> * > .sb-toolbar {
opacity: 1;
pointer-events: all;
outline: 1px solid var(--grey-2);
}
> .sb-block-ordering {
opacity: 1;
pointer-events: all;
}
}
&_highlighted {
outline: 2px solid var(--interact);
}
}