Skip to content

Commit

Permalink
update documentation about the reverse modifier. ref: Firefund/fronte…
Browse files Browse the repository at this point in the history
  • Loading branch information
dotnetCarpenter committed Jun 14, 2016
1 parent c8f5f8d commit 1e97f27
Showing 1 changed file with 10 additions and 9 deletions.
19 changes: 10 additions & 9 deletions styles/grid.css
Original file line number Diff line number Diff line change
Expand Up @@ -26,22 +26,23 @@ demo: http://localhost:8080/grid.html
## Row Grid Desktop Classes
<pre>
BLOCK f-row - establish a row
MODIFIER f-row_debug - show the outline of your cells
BLOCK f-row - establish a row
MODIFIER f-row_debug - show the outline of your cells
MODIFIER f-row_not-desktop - hide the row on desktop sizes
MODIFIER f-row_6 - modify row to be a 6 cell row
ELEMENT f-row__cell - a full row width cell
ELEMENT f-row__cell-1 - a 1/6 width cell
ELEMENT f-row__cell-2 - a 2/6 width cell
ELEMENT f-row__cell-3 - a 3/6 width cell
ELEMENT f-row__cell-4 - a 4/6 width cell
MODIFIER f-row_6 - modify row to be a 6 cell row
MODIFIER f-row_reverse - reverse the cell order in a row
ELEMENT f-row__cell - a full row width cell
ELEMENT f-row__cell-1 - a 1/6 width cell
ELEMENT f-row__cell-2 - a 2/6 width cell
ELEMENT f-row__cell-3 - a 3/6 width cell
ELEMENT f-row__cell-4 - a 4/6 width cell
ELEMENT f-row__not-desktop - hide the cell on desktop sizes
MODIFIER f-row__cell_push_1 - modify the cell indentation
MODIFIER f-row__cell_push_2 - modify the cell indentation
MODIFIER f-row__cell_push_3 - modify the cell indentation
MODIFIER f-row__cell_push_4 - modify the cell indentation
MODIFIER f-row__cell_push_5 - modify the cell indentation
MODIFIER f-row_12 - modify row to be a 12 cell row
MODIFIER f-row_12 - modify row to be a 12 cell row
ELEMENT f-row__cell - a full row width cell
ELEMENT f-row__cell-1 - a 1/12 width cell
ELEMENT f-row__cell-2 - a 2/12 width cell
Expand Down

0 comments on commit 1e97f27

Please sign in to comment.