Skip to content

Commit

Permalink
Change columns to have margin-right instead of left.
Browse files Browse the repository at this point in the history
This should've been the standard since the beginning.
* Updated `node-sass` lib.
* Updated example.
  • Loading branch information
hefler committed Jul 16, 2018
1 parent 38af888 commit fe699e4
Show file tree
Hide file tree
Showing 6 changed files with 508 additions and 388 deletions.
10 changes: 5 additions & 5 deletions dist/z-grid.css
Original file line number Diff line number Diff line change
Expand Up @@ -90,8 +90,8 @@ A copy of the GNU General Public License can be found at
margin-left: auto;
margin-right: auto; }

.z-grid-column[class^="singlet-"]:not(:first-of-type), .z-grid-column[class*=" singlet-"]:not(:first-of-type) {
margin-left: auto; }
.z-grid-column[class^="singlet-"]:not(:last-of-type), .z-grid-column[class*=" singlet-"]:not(:last-of-type) {
margin-right: auto; }

.singlet-colflex-max-6c-min-4c {
max-width: 460px;
Expand Down Expand Up @@ -126,8 +126,8 @@ A copy of the GNU General Public License can be found at
@media screen and (min-width: 768px) {
.z-grid-column {
float: left; }
.z-grid-column:not(:first-of-type) {
margin-left: 20px; }
.z-grid-column:not(:last-of-type) {
margin-right: 20px; }
.z-grid-mosaic {
column-gap: 20px; }
.z-grid-mosaic .z-grid-tile {
Expand Down Expand Up @@ -209,5 +209,5 @@ A copy of the GNU General Public License can be found at
column-width: -20px; } }

@media screen and (max-width: 767px) {
.z-grid-column[class^="colflex-"]:not(:first-of-type), .z-grid-column[class*=" colflex-"]:not(:first-of-type), .z-grid-column:not(:first-of-type), .z-grid-column {
.z-grid-column[class^="colflex-"]:not(:last-of-type), .z-grid-column[class*=" colflex-"]:not(:last-of-type), .z-grid-column:not(:last-of-type), .z-grid-column {
width: auto; } }
2 changes: 1 addition & 1 deletion dist/z-grid.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 5 additions & 1 deletion example.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
.color-aaa { background: #aaa; }
.color-666 { background: #666; color: #fff }
.color-333 { background: #333; color: #fff }
.color-222 { background: #222; color: #fff }
.color-000 { background: #000; color: #fff }
</style>
</head>
Expand All @@ -43,9 +44,12 @@ <h4>Column C</h4>
<section class="z-grid-column color-333">
<h4>Column D</h4>
</section>
<section class="z-grid-column color-000">
<section class="z-grid-column color-222">
<h4>Column E</h4>
</section>
<section class="z-grid-column color-000">
<h4>Column F</h4>
</section>
</div>
<div class="z-grid-row">
<h3>Percentage columns</h3>
Expand Down
Loading

0 comments on commit fe699e4

Please sign in to comment.