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

41 lines
591 B
SCSS

.sb-block {
$block: &;
display: flex;
align-items: stretch;
justify-items: stretch;
height: auto;
> * > .sb-toolbar {
opacity: 0;
pointer-events: none;
}
&__edit-cover {
}
> .sb-block-ordering {
opacity: 0;
pointer-events: none;
}
&_active {
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);
}
}