Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
@mobile-max: ~"only screen and (max-width: 550px)";
@tablet: ~"only screen and (min-width: 768px) and (max-width: 991px)";
@tablet-max: ~"only screen and (max-width: 767px)";
@tablet-min: ~"only screen and (min-width: 768px)";
@desktop: ~"only screen and (min-width: 992px) and (max-width: 1199px)";
@desktop-min: ~"only screen and (min-width: 992px)";
@desktop-max: ~"only screen and (max-width: 991px)";
@desktop-11-min: ~"only screen and (min-width: 1100px)";
@desktop-11-max: ~"only screen and (max-width: 1100px)";
@desktop-xl-min: ~"only screen and (min-width: 1200px)";
@desktop-xl-max: ~"only screen and (max-width: 1200px)";
@desktop-xxl-min: ~"only screen and (min-width: 1400px)";
@desktop-xxl-max: ~"only screen and (max-width: 1400px)";
.left_side {
padding-bottom: 30px;
@media @desktop-max {
// This will activate delcarations within.left_side at max-width: 991px
padding-bottom: 15px;
margin-bottom: 0;
ul {
@media @desktop-max {
display: table;
li {
margin-bottom: 30px;
@media @desktop-max {
margin-bottom: 20px;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.