Skip to content

Commit

Permalink
Merge branch 'master' of github.com:gkcgautam/sass-css-utilities
Browse files Browse the repository at this point in the history
  • Loading branch information
gkcgautam committed Aug 19, 2014
2 parents 0a06dfe + 308416c commit 3db71b5
Showing 1 changed file with 9 additions and 9 deletions.
18 changes: 9 additions & 9 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -118,10 +118,10 @@ If you want to change configuration, declare the configuration variables before

Device width config can be updated with these variables:
```
$config-phone-max-width : 767px;
$config-tablet-min-width : 768px;
$config-tablet-max-width : 979px;
$config-desktop-min-width : 980px;
$scu-phone-max-width : 767px;
$scu-tablet-min-width : 768px;
$scu-tablet-max-width : 979px;
$scu-desktop-min-width : 980px;
```

#### Example ####
Expand Down Expand Up @@ -155,12 +155,12 @@ Example:
```

#### Font size and line height ####
- `font-size($size, $line_height)` : Converts to rem values + provides px values as fallback.
- `rem-font($font-size-px, $line-height-px:false)` : Converts to rem values + provides px values as fallback (unless disabled in config).

Line height is optional. Example:
```
.title{
@include font-size(18,24);
@include rem-font(18px,24px);
}
```

Expand Down Expand Up @@ -235,11 +235,11 @@ Example:
`mr-a` or `mr-auto`: `auto` value for right margin property

#### Auto generated margin classes: ####
Specify values of margins to be generated in variable `$config-margins` and the library will automatically generate different cases based on these.
Specify values of margins to be generated in variable `$scu-margins` and the library will automatically generate different cases based on these.

$config-margins: (0 5 10 15 20)
$scu-margins: (0 5 10 15 20)

Properties available are (where `X` is one of the values passed in `$config-margins`
Properties available are (where `X` is one of the values passed in `$scu-margins`

`mar-X` : Margin X. Eg: mar-5 is margin: 5px;

Expand Down

0 comments on commit 3db71b5

Please sign in to comment.