43 lines
667 B
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);
|
|
}
|
|
}
|