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

42 lines
641 B
SCSS
Raw Normal View History

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 {
2022-03-12 16:30:19 +00:00
z-index: 1;
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
}