cinny/src/app/organisms/navigation/Drawer.scss

64 lines
1.2 KiB
SCSS
Raw Normal View History

@use '../../partials/flex';
@use '../../partials/dir';
2021-07-28 15:15:52 +02:00
.drawer {
@extend .cp-fx__column;
@extend .cp-fx__item-one;
2021-07-28 15:15:52 +02:00
min-width: 0;
@include dir.side(border,
none,
1px solid var(--bg-surface-border),
);
2021-07-28 15:15:52 +02:00
&__content-wrapper {
@extend .cp-fx__item-one;
@extend .cp-fx__column;
2021-07-28 15:15:52 +02:00
}
&__state {
padding: var(--sp-extra-tight);
border-top: 1px solid var(--bg-surface-border);
@extend .cp-fx__row--c-c;
& .text {
color: var(--tc-danger-high);
}
}
2021-07-28 15:15:52 +02:00
}
2021-08-31 15:13:31 +02:00
.rooms__wrapper {
@extend .cp-fx__item-one;
2021-09-03 14:28:01 +02:00
position: relative;
2021-07-28 15:15:52 +02:00
}
2021-08-31 15:13:31 +02:00
.rooms-container {
2021-07-28 15:15:52 +02:00
padding-bottom: var(--sp-extra-loose);
2021-09-03 14:28:01 +02:00
&::before {
position: absolute;
top: 0;
z-index: 99;
2021-09-03 14:28:01 +02:00
content: '';
display: inline-block;
width: 100%;
height: 8px;
background-image: linear-gradient(
to bottom,
var(--bg-surface-low),
var(--bg-surface-low-transparent));
}
2021-08-31 15:13:31 +02:00
& > .room-selector {
2021-08-29 10:27:55 +02:00
width: calc(100% - var(--sp-extra-tight));
@include dir.side(margin, auto, 0);
2021-08-29 10:27:55 +02:00
}
2021-08-31 15:13:31 +02:00
& > .room-selector:first-child {
2021-07-28 15:15:52 +02:00
margin-top: var(--sp-extra-tight);
}
& .cat-header {
margin: var(--sp-normal);
margin-bottom: var(--sp-extra-tight);
text-transform: uppercase;
}
}