Skip to content

Instantly share code, notes, and snippets.

@jonnymaceachern

jonnymaceachern/scss.json

Created January 21, 2020 19:44
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jonnymaceachern/a2192d9726d72b00f58e4385413771e1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jonnymaceachern/a2192d9726d72b00f58e4385413771e1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jonnymaceachern created this gist Jan 21, 2020.
    173 changes: 173 additions & 0 deletions scss.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,173 @@
    {
    "@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",
    "}"
    ]
    },
    }