keeweb/app/styles/areas/_app.scss

74 lines
1.4 KiB
SCSS
Raw Normal View History

2015-10-17 23:49:24 +02:00
.app {
2015-10-24 11:15:54 +02:00
@include size(100%);
2015-10-17 23:49:24 +02:00
@include display(flex);
@include align-items(stretch);
@include flex-direction(column);
@include justify-content(flex-start);
&__body {
@include flex(1);
@include display(flex);
@include align-items(stretch);
@include flex-direction(row);
@include justify-content(flex-start);
overflow: hidden;
}
&__menu {
@include flex(0 0 auto);
@include display(flex);
width: 150px;
2015-10-24 11:15:54 +02:00
@include mobile {
&:not(.menu-visible) {
display: none;
}
}
2015-10-17 23:49:24 +02:00
}
&__menu-drag, &__list-drag {
@include drag-handle;
@include flex(0 0 auto);
width: 1px;
cursor: col-resize;
2015-10-27 20:07:19 +01:00
@include mobile {
display: none;
}
}
.menu-visible + &__menu-drag {
display: block;
2015-10-17 23:49:24 +02:00
}
&__list {
@include flex(0 0 auto);
@include display(flex);
@include align-items(stretch);
@include flex-direction(column);
width: 250px;
overflow-y: auto;
2015-10-26 22:07:19 +01:00
@include mobile {
width: 100vw;
&.app__list--details-visible {
display: none;
}
}
2015-10-17 23:49:24 +02:00
}
&__details {
@include flex(1);
@include display(flex);
overflow: hidden;
padding: $base-spacing;
position: relative;
2015-10-27 20:07:19 +01:00
@include mobile {
width: 100vw;
padding: $base-padding;
}
2015-10-17 23:49:24 +02:00
}
&__footer {
@include flex(0 0 auto);
@include th { border-top: light-border(); }
}
}