VS Code snippets for SCSS files
{ | |
"@include media-breakpoint-only(xs)": { | |
"description": "Bootstrap media query for 'xs' only", | |
"prefix": "=xs", | |
"body": [ | |
"@include media-breakpoint-only(xs) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-only(sm)": { | |
"description": "Bootstrap media query for 'sm' only", | |
"prefix": "=sm", | |
"body": [ | |
"@include media-breakpoint-only(sm) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-only(md)": { | |
"description": "Bootstrap media query for 'md' only", | |
"prefix": "=md", | |
"body": [ | |
"@include media-breakpoint-only(md) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-only(lg)": { | |
"description": "Bootstrap media query for 'lg' only", | |
"prefix": "=lg", | |
"body": [ | |
"@include media-breakpoint-only(lg) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-only(xl)": { | |
"description": "Bootstrap media query for 'xl' only", | |
"prefix": "=xl", | |
"body": [ | |
"@include media-breakpoint-only(xl) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-down(sm)": { | |
"description": "Bootstrap media query for 'sm' and lower", | |
"prefix": "<=sm", | |
"body": [ | |
"@include media-breakpoint-down(sm) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-down(md)": { | |
"description": "Bootstrap media query for 'md' and lower", | |
"prefix": "<=md", | |
"body": [ | |
"@include media-breakpoint-down(md) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-down(lg)": { | |
"description": "Bootstrap media query for 'lg' and lower", | |
"prefix": "<=lg", | |
"body": [ | |
"@include media-breakpoint-down(lg) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-down(xl)": { | |
"description": "Bootstrap media query for 'xl' and lower", | |
"prefix": "<=xl", | |
"body": [ | |
"@include media-breakpoint-down(xl) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-up(sm)": { | |
"description": "Bootstrap media query for 'sm' and up", | |
"prefix": ">=sm", | |
"body": [ | |
"@include media-breakpoint-up(sm) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-up(md)": { | |
"description": "Bootstrap media query for 'md' and up", | |
"prefix": ">=md", | |
"body": [ | |
"@include media-breakpoint-up(md) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-up(lg)": { | |
"description": "Bootstrap media query for 'lg' and up", | |
"prefix": ">=lg", | |
"body": [ | |
"@include media-breakpoint-up(lg) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-up(xl)": { | |
"description": "Bootstrap media query for 'xl' and up", | |
"prefix": ">=xl", | |
"body": [ | |
"@include media-breakpoint-up(xl) {", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-between(sm, md)": { | |
"description": "Bootstrap media query for between 'sm' and 'md'", | |
"prefix": "sm-md", | |
"body": [ | |
"@include media-breakpoint-between(sm, md)", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-between(sm, lg)": { | |
"description": "Bootstrap media query for between 'sm' and 'lg'", | |
"prefix": "sm-lg", | |
"body": [ | |
"@include media-breakpoint-between(sm, lg)", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-between(sm, xl)": { | |
"description": "Bootstrap media query for between 'sm' and 'xl'", | |
"prefix": "sm-xl", | |
"body": [ | |
"@include media-breakpoint-between(sm, xl)", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-between(md, lg)": { | |
"description": "Bootstrap media query for between 'md' and 'lg'", | |
"prefix": "md-lg", | |
"body": [ | |
"@include media-breakpoint-between(md, lg)", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-between(md, xl)": { | |
"description": "Bootstrap media query for between 'md' and 'xl'", | |
"prefix": "md-xl", | |
"body": [ | |
"@include media-breakpoint-between(md, xl)", | |
"\t$1", | |
"}" | |
] | |
}, | |
"@include media-breakpoint-between(lg, xl)": { | |
"description": "Bootstrap media query for between 'lg' and 'xl'", | |
"prefix": "lg-xl", | |
"body": [ | |
"@include media-breakpoint-between(lg, xl)", | |
"\t$1", | |
"}" | |
] | |
}, | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment