69 lines
1.1 KiB
SCSS
69 lines
1.1 KiB
SCSS
//----------------------------------*\
|
|
// LAYOUT MODULE
|
|
//----------------------------------*/
|
|
.layout {
|
|
min-height:100%;
|
|
width:100%;
|
|
|
|
@include medium-and-up-screen {
|
|
display:table;
|
|
}
|
|
}
|
|
|
|
@include medium-and-up-screen {
|
|
.layout__container {
|
|
display:table-row;
|
|
min-height:100%;
|
|
}
|
|
}
|
|
|
|
.layout__main {
|
|
width:100%;
|
|
|
|
@include medium-and-up-screen {
|
|
display:table-cell;
|
|
vertical-align:top;
|
|
}
|
|
}
|
|
|
|
.layout__aside {
|
|
display:block;
|
|
left:0;
|
|
min-height:100%;
|
|
min-width:320px;
|
|
position:absolute;
|
|
top:0;
|
|
vertical-align:top;
|
|
width:320px;
|
|
z-index:9999999;
|
|
|
|
&.collapse {
|
|
display:none;
|
|
visibility:hidden;
|
|
|
|
&.in {
|
|
display:block;
|
|
visibility:visible;
|
|
}
|
|
}
|
|
|
|
@include large-xlarge-screen {
|
|
display:table-cell;
|
|
min-width:250px;
|
|
position:relative;
|
|
width:250px;
|
|
|
|
&.collapse.in {
|
|
display:table-cell;
|
|
}
|
|
}
|
|
}
|
|
|
|
.layout__full {width:100%;}
|
|
|
|
.layout__half {width:50%;}
|
|
|
|
.layout__third {width:33.333333333%;}
|
|
|
|
.layout__quarter {width:25%;}
|