Add grid-shift
mixin allowing for the reordering of columns
#481
Conversation
@@ -1,7 +1,8 @@ | |||
.box { | |||
background-color: $color-neat-blue; | |||
height: 30px; | |||
min-height: 30px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Properties should be ordered background-color, margin-bottom, min-height, padding
Prefer using placeholder selectors (e.g. %some-placeholder) with @extend
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
fixed
023dcf3
to
807b0fb
Compare
807b0fb
to
49f1235
Compare
@@ -1,7 +1,7 @@ | |||
.grid-push--3 { | |||
@include grid-push(3); | |||
.grid-shift--4 { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Should this partial now be called _grid-shift.scss
instead of _grid-push.scss
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Wait…did you mean to make these changes in this partial?
Are they a dupe of _grid-shift.scss
below?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
woops! good catch gach!
🎂 After that |
49f1235
to
f822823
Compare
f822823
to
51a45cb
Compare
Using relative positioning of columns,
grid-shift
allows the user to move a grid column a specified number of columns to the right or left. This is distinct from thegrid-push
mixin in that push is better suited for positioning an object on the page while shift is better at reordering 2 or more grid objects. It should be said that shift also adds the relative positioning attribute.The following is an example image of the following markup: