2020-05-20 14:21:08 +00:00
|
|
|
.sb-block {
|
2020-05-28 20:16:35 +00:00
|
|
|
$block: &;
|
|
|
|
|
2020-05-20 14:21:08 +00:00
|
|
|
display: flex;
|
|
|
|
align-items: stretch;
|
|
|
|
justify-items: stretch;
|
2020-05-27 18:36:46 +00:00
|
|
|
height: auto;
|
2022-03-11 17:23:14 +00:00
|
|
|
min-width: 32px;
|
|
|
|
min-height: 32px;
|
2020-05-20 14:21:08 +00:00
|
|
|
|
2020-05-27 13:57:57 +00:00
|
|
|
> * > .sb-toolbar {
|
2020-05-20 14:21:08 +00:00
|
|
|
opacity: 0;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
|
2020-05-28 20:16:35 +00:00
|
|
|
> .sb-block-ordering {
|
|
|
|
opacity: 0;
|
|
|
|
pointer-events: none;
|
|
|
|
}
|
|
|
|
|
2022-03-11 18:14:50 +00:00
|
|
|
&_active,
|
|
|
|
&_active:hover {
|
2021-03-07 17:47:28 +00:00
|
|
|
outline: 4px solid var(--interact);
|
2020-05-20 14:21:08 +00:00
|
|
|
|
2020-05-27 13:57:57 +00:00
|
|
|
> * > .sb-toolbar {
|
2020-05-20 14:21:08 +00:00
|
|
|
opacity: 1;
|
|
|
|
pointer-events: all;
|
2020-05-27 18:36:46 +00:00
|
|
|
outline: 1px solid var(--grey-2);
|
2020-05-20 14:21:08 +00:00
|
|
|
}
|
2020-05-27 18:59:20 +00:00
|
|
|
|
2020-05-28 20:16:35 +00:00
|
|
|
> .sb-block-ordering {
|
|
|
|
opacity: 1;
|
|
|
|
pointer-events: all;
|
|
|
|
}
|
2020-05-27 18:59:20 +00:00
|
|
|
}
|
2021-03-07 17:47:28 +00:00
|
|
|
|
|
|
|
&_highlighted {
|
|
|
|
outline: 2px solid var(--interact);
|
|
|
|
}
|
2020-05-20 14:21:08 +00:00
|
|
|
}
|