Skip to content

Commit

Permalink
Improve inline docs
Browse files Browse the repository at this point in the history
  • Loading branch information
csswizardry committed Mar 15, 2013
1 parent 3cea53f commit 138ebf7
Showing 1 changed file with 19 additions and 11 deletions.
30 changes: 19 additions & 11 deletions csswizardry-grids.scss
Original file line number Diff line number Diff line change
Expand Up @@ -69,14 +69,14 @@
\*------------------------------------*/
/**
* If you are building a non-responsive site but would still like to use
* csswizardry-grids, set this to false:
* csswizardry-grids, set this to false:
*/
$responsive: true;


/**
* Is this build mobile first? Setting to true means that all grids will be 100%
* width if you do not apply a more specific class to them.
* Is this build mobile first? Setting to true means that all grids will be
* 100% width if you do not apply a more specific class to them.
*/
$mobile-first: true;

Expand All @@ -101,9 +101,9 @@ $pull: false;


/**
* Define breakpoints in a list of lists. The first value is the prefix that
* shall be used for your classes, the second value is the media query that the
* breakpoint shall apply to.
* Define your breakpoints. The first value is the prefix that shall be used for
* your classes (e.g. `.palm-one-half`), the second value is the media query
* that the breakpoint fires at.
*/
$breakpoints: (
'palm' '(max-width: 480px)',
Expand All @@ -114,23 +114,28 @@ $breakpoints: (


/**
* Define responsive breakpoints that should have each type of helper.
* Define which namespaced breakpoints you would like to generate for each of
* widths, push and pull. This is handy if you only need pull on, say, desk, or
* you only need a new width breakpoint at mobile sizes. It allows you to only
* compile as much CSS as you need. All are turned on by default, but you can
* add and remove breakpoints at will.
*
* Push shall only be used if $push and $responsive have been set to true.
* Pull shall only be used if $pull and $responsive have been set to true.
* Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
* have been set to true.
*/
$breakpoint-has-widths: ('palm', 'lap', 'portable', 'desk');
$breakpoint-has-push: ('palm', 'lap', 'portable', 'desk');
$breakpoint-has-pull: ('palm', 'lap', 'portable', 'desk');


/**
* Do not edit the following variables.
* You do not need to edit anything from this line onward; csswizardry-grids is
* good to go. Happy griddin’!
*/
$class-type: unquote(".");

@if $use-silent-classes == true{
$class-type: unquote("%");
$class-type: unquote("%");
}


Expand All @@ -141,6 +146,9 @@ $class-type: unquote(".");
$MIXINS
\*------------------------------------*/
/**
* These mixins are for the library to use only, you should not need to modify
* them at all.
*
* Enclose a block of code with a media query as named in `$breakpoints`.
*/
@mixin grid-media-query($media-query){
Expand Down

0 comments on commit 138ebf7

Please sign in to comment.