Sha256: f2582ff192967c1e7fe6d5b330d60a5e283a0b5b68373d742b4f17b107f5a39b
Contents?: true
Size: 1.6 KB
Versions: 8
Compression:
Stored size: 1.6 KB
Contents
.app {
position: relative;
width: 100%;
padding-left: $sidebar-width;
min-height: 100vh;
margin: 0 auto;
left: 0;
background-color: $color-bg;
box-shadow: 0 0 3px #ccc;
transition: left 0.3s ease, padding-left 0.3s ease;
overflow: hidden;
.content {
$padding-x: $content-padding-x-md;
$padding-y: $content-padding-y-md;
padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;
min-height: 100vh;
@include media-up(xl) {
$padding-x: $content-padding-x-xl;
$padding-y: $content-padding-y-xl;
padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;
}
@include media(lg) {
$padding-x: $content-padding-x-lg;
$padding-y: $content-padding-y-lg;
padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;
}
@include media(md) {
$padding-x: $content-padding-x-md;
$padding-y: $content-padding-y-md;
padding: $header-height + $padding-y $padding-x $footer-height + $padding-y $padding-x;
}
@include media-down(sm) {
$padding-x: $content-padding-x-sm;
$padding-y: $content-padding-y-sm;
padding: $header-height-xs + $padding-y $padding-x $footer-height + $padding-y $padding-x;
}
}
@include media-down(md) {
padding-left: 0;
// background-color: #ccc;
// left: -$sidebar-width;
// width: calc(100% + #{$sidebar-width});
}
&.sidebar-open {
// Disable content scrolling when sidebar is open
@include media-down(md) {
left: 0;
// position: absolute;
// height: 100%;
// overflow: hidden;
}
}
&.blank {
background-color: #667380;
}
}
Version data entries
8 entries across 8 versions & 1 rubygems