Skip to content

Commit

Permalink
Update README
Browse files Browse the repository at this point in the history
  • Loading branch information
badabam committed Nov 6, 2015
1 parent b0e251e commit e371baf
Showing 1 changed file with 33 additions and 29 deletions.
62 changes: 33 additions & 29 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -56,26 +56,28 @@ All classes are composed of some simple parts.
#### 1. Property shortcut
```
m – margin
m margin
OR
p padding
```
#### 2. Direction
```
t - top
b - bottom
r right
l - left
v - vertical
h - horizontal
t top
b bottom
r right
l left
v vertical
h horizontal
```
No direction specified means *all* directions (like in `margin: 8px;`)
#### 3. Delimiter
```
- - normal delimiter
-- - negative value
- normal delimiter
-- negative value
```
Examples:
```css
Expand All @@ -85,36 +87,38 @@ Examples:
#### 4. Size
```
xxs - 2px
xs - 4px
s - 8px
m - 16px
l - 32px
xl - 64px
xxl - 128px
xxs 2px
xs 4px
s 8px
m 16px
l 32px
xl 64px
xxl 128px
```
#### Possible margin classes
This are just a few examples. You'll get the point. Of course you can use all the others from `xxs` to `xxl` as well.
```
mt-xs: margin-top: 2px
mr-xs: margin-right: 2px
mb-xs: margin-bottom: 2px
ml-xs: margin-left: 2px
ml--xs: margin-left: -2px
mt-xs margin-top: 2px
mr-xs margin-right: 2px
mb-xs margin-bottom: 2px
ml-xs margin-left: 2px
mh-xs: margin-left: 2px; margin-right: 2px
mv-xs: margin-top: 2px; margin-bottom: 2px
mh--xs: margin-left: -2px; margin-right: -2px
ml--xs margin-left: -2px
ml-a: margin-left: auto
ml-n: margin-left: none
mh-xs margin-left: 2px; margin-right: 2px
mv-xs margin-top: 2px; margin-bottom: 2px
m-xs: margin: 2px
m-n: margin: none
m-a: margin: auto
mh--xs margin-left: -2px; margin-right: -2px
ml-a margin-left: auto
ml-n margin-left: none
m-xs margin: 2px
m-n margin: none
m-a margin: auto
```
## Individualize
Expand Down

0 comments on commit e371baf

Please sign in to comment.