Skip to content

Instantly share code, notes, and snippets.

@shaunbent
Last active November 27, 2015 16:24
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shaunbent/d1212d517d82d9aa52c7 to your computer and use it in GitHub Desktop.
Save shaunbent/d1212d517d82d9aa52c7 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
$gel-grid-1280-toggle-class: 'bp-1280';
$core: true;
$enhanced: true;
$gel-grid-1280-toggle-class: null !default;
$gel-grid-breakpoints: (s, m, l) !default;
$gel-grid-1280-breakpoints: (xl, xxl) !default;
$gel-grid-enable--1280-breakpoint: true !default;
@if $gel-grid-1280-toggle-class == null {
$gel-grid-breakpoints: join($gel-grid-breakpoints, $gel-grid-1280-breakpoints);
}
@mixin gel-widths($breakpoint) {
.a-breakpoint--#{$breakpoint} {
content: $breakpoint;
}
}
@mixin gel-output-widths() {
@if $core {
@include gel-widths(core);
}
@if $enhanced {
@each $breakpoint in $gel-grid-breakpoints {
@include gel-widths($breakpoint);
}
@if $gel-grid-1280-toggle-class != null {
.#{$gel-grid-1280-toggle-class} {
@each $breakpoint in $gel-grid-1280-breakpoints {
@include gel-widths($breakpoint);
}
}
}
}
}
@include gel-output-widths;
.a-breakpoint--core {
content: core;
}
.a-breakpoint--s {
content: s;
}
.a-breakpoint--m {
content: m;
}
.a-breakpoint--l {
content: l;
}
.bp-1280 .a-breakpoint--xl {
content: xl;
}
.bp-1280 .a-breakpoint--xxl {
content: xxl;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment