Sha256: feea0833257d74c9bd77995d96a892163a5efc456b5baea94bdc024156ec9648
Contents?: true
Size: 1.93 KB
Versions: 6
Compression:
Stored size: 1.93 KB
Contents
/* Layouts */
$tablet: "screen and (min-width:768px)";
$desktop: "screen and (min-width:1150px)";
/* Mobile Layout */
.sidebar { @include absolutePosition(0 0 0 0); z-index: 1; }
.module { @include absolutePosition(0 0 0 0); z-index: 2; }
.view { @include absolutePosition(0 0 0 0); z-index: 3; background-color: #fff; }
.list { @include absolutePosition(0 0 0 0); z-index: 0; overflow: hidden; background-color: #fff; }
/* Tablet Layout */
@media #{$tablet} {
.sidebar { right: inherit; width: 9em; }
.module { right: inherit; left: 9em; width: 20em; }
.view { left: 29em; &.fullsize { left: 9em; } }
.list header,
.list .items { font-size: .9em; }
.list header { line-height: 2.9em; }
.module .list:first-child .back { display: none; }
.view header .close { @include absolutePosition(0 inherit inherit 1em); @include headerButton; width: auto; &:before { display: none; } }
.module, .view { @include shadow; }
.module {
&:after {
display: block; content: ''; width: 4px; @include position(absolute, 0px -3px 0px null);
background-color: $white; border-left: 1px solid $neutralColor;
}
}
// scrollbars
.view .input-stacked textarea, .view > form, .list .items { @include customScrollbar(); }
// layout when first list always shown
.module.first-list-aside { width: auto; right: 0;
.list {
&:first-child { width: 20em; }
&:not(:first-child) { left: 20em; }
&:first-child .items { overflow-y: hidden; }
&:first-child .icon-folder { display: none; }
&:not(:first-child) { @include shadow; }
&:not(:first-child) header .back { display: none; }
}
}
}
/* Desktop Layout */
@media #{$desktop} {
.sidebar { width: 10em; }
.module { left: 10em; width: 22em; }
.view { left: 32em; &.fullsize { left: 10em; } }
.module.first-list-aside {
.list:first-child { width: 22em; }
.list:not(:first-child) { left: 22em; }
}
}
Version data entries
6 entries across 6 versions & 1 rubygems