.layout-sheet {
/* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */
& {
@extend .container;
}
content {
background-color: white;
}
/* Small devices (tablets, 768px and up) */ @media (min-width: $screen-sm-min) {
#content { @include paper; padding: $padding-large-vertical * 5 $padding-large-horizontal * 3.5; }
}
/* Medium devices (desktops, 992px and up) */ @media (min-width: $screen-md-min) {
#content { padding: $padding-large-vertical * 5 $padding-large-horizontal * 3.5; }
}
/* Large devices (large desktops, 1200px and up) */ @media (min-width: $screen-lg-min) { }
}