Skip to content

Instantly share code, notes, and snippets.

@CharlieGreenman
Last active September 18, 2022 12:25
Show Gist options
  • Save CharlieGreenman/d1911986bccddd8c84221a1ddde55191 to your computer and use it in GitHub Desktop.
Save CharlieGreenman/d1911986bccddd8c84221a1ddde55191 to your computer and use it in GitHub Desktop.
Razroo breakpoint scss function that we use to keep all responsive items consistent across application
```
// breakpoints to be used in conjunction with media queries across app
@function rz-breakpoint($breakpoint) {
$breakpoints: (
'extra-small': 599,
'small': 959,
'medium': 1279,
'large': 1919,
'extra-large': 5000,
);
@if (map-get($breakpoints, $breakpoint)) {
@return #{map-get($breakpoints, $breakpoint)}px;
} @else {
@error 'Must contain one of the following strings: #{$breakpoints}.';
}
}
```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment