diff --git a/csswizardry-grids.scss b/csswizardry-grids.scss index f7152af..7729f70 100644 --- a/csswizardry-grids.scss +++ b/csswizardry-grids.scss @@ -87,6 +87,13 @@ $mobile-first: true!default; $gutter: 24px!default; +/** + * ‘.grid‘ classes already taken on a page? Use this setting to namespace the output + * classes. For example, set this to ‘foo-‘ to get ‘.foo-grid‘, ‘.foo-grid__item‘, etc. + */ +$namespace: ""!default; + + /** * Would you like Sass’ silent classes, or regular CSS classes? */ @@ -147,7 +154,7 @@ $breakpoint-has-pull: ('palm', 'lap', 'portable', 'desk')!default; * You do not need to edit anything from this line onward; csswizardry-grids is * good to go. Happy griddin’! */ -$class-type: unquote("."); +$class-type: unquote(".") + $namespace; @if $use-silent-classes == true{ $class-type: unquote("%");