Skip to content

Commit

Permalink
fix(grid): very compact variation specificity and alignment
Browse files Browse the repository at this point in the history
* Fix very compact grid

The padding rules weren't specific enough, so they were always overruled by those of compact grid.

Also padding-right on line 1912 contained an incorrect placeholder.

* Add left and right padding to very compact grid row
  • Loading branch information
hugopeek authored Jun 10, 2020

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
1 parent 83e45ad commit bf8c159
Showing 1 changed file with 8 additions and 6 deletions.
14 changes: 8 additions & 6 deletions src/definitions/collections/grid.less
Original file line number Diff line number Diff line change
@@ -1906,25 +1906,27 @@ each(@colors, {
Very compact
-----------------*/

.ui[class*="very compact"].grid > .column:not(.row),
.ui[class*="very compact"].grid > .row > .column {
.ui.ui.ui[class*="very compact"].grid > .column:not(.row),
.ui.ui.ui[class*="very compact"].grid > .row > .column {
padding-left: (@veryCompactGutterWidth / 2);
padding-right: (@compactGutterWidth / 2);
padding-right: (@veryCompactGutterWidth / 2);
}

.ui[class*="very compact"].grid > * {
.ui.ui.ui[class*="very compact"].grid > * {
padding-left: (@veryCompactGutterWidth / 2);
padding-right: (@veryCompactGutterWidth / 2);
}

/* Row */
.ui[class*="very compact"].grid > .row {
.ui.ui.ui[class*="very compact"].grid > .row {
padding-top: (@veryCompactRowSpacing / 2);
padding-bottom: (@veryCompactRowSpacing / 2);
padding-left: (@veryCompactGutterWidth * 1.5);
padding-right: (@veryCompactGutterWidth * 1.5);
}

/* Columns */
.ui[class*="very compact"].grid > .column:not(.row) {
.ui.ui.ui[class*="very compact"].grid > .column:not(.row) {
padding-top: (@veryCompactRowSpacing / 2);
padding-bottom: (@veryCompactRowSpacing / 2);
}

0 comments on commit bf8c159

Please sign in to comment.