Skip to content
This repository has been archived by the owner on Jan 22, 2020. It is now read-only.

Commit

Permalink
Update pod-flush-* behavior
Browse files Browse the repository at this point in the history
  • Loading branch information
@ashenden
ashenden committed Sep 12, 2018
1 parent 9e0f590 commit 8ad9c6e
Showing 1 changed file with 283 additions and 17 deletions.
300 changes: 283 additions & 17 deletions styles/layout/pod/styles.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,52 +168,52 @@
.property-variant(pod, margin-right, wider, null);
.property-variant(pod, padding-right, wider, null);
}
}

[class^='pod'],
[class*=' pod'] {

&.flush {
&-flush {
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-top: 0;
padding-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-top: 0;
}

&.flush-vertical {
&-flush-vertical {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}

&.flush-horizontal {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

&.flush-top {
&-flush-top {
margin-top: 0;
padding-top: 0;
}

&.flush-bottom {
&-flush-bottom {
margin-bottom: 0;
padding-bottom: 0;
}

&.flush-left {
&-flush-horizontal {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

&.flush-right {
&-flush-left {
margin-left: 0;
padding-left: 0;
}

&-flush-right {
margin-right: 0;
padding-right: 0;
}
Expand Down Expand Up @@ -422,6 +422,62 @@
.property-variant(pod, margin-right, wider, screen-small);
.property-variant(pod, padding-right, wider, screen-small);
}

&-flush,
&-flush-screen-small {
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-top: 0;
padding-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-top: 0;
}

&-flush-vertical,
&-flush-vertical-screen-small {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}

&-flush-top,
&-flush-top-screen-small {
margin-top: 0;
padding-top: 0;
}

&-flush-bottom,
&-flush-bottom-screen-small {
margin-bottom: 0;
padding-bottom: 0;
}

&-flush-horizontal,
&-flush-horizontal-screen-small {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

&-flush-left,
&-flush-left-screen-small {
margin-left: 0;
padding-left: 0;
}

&-flush-right,
&-flush-right-screen-small {
margin-right: 0;
padding-right: 0;
}
}
}
}
Expand Down Expand Up @@ -657,6 +713,69 @@
.property-variant(pod, margin-right, wider, screen-medium);
.property-variant(pod, padding-right, wider, screen-medium);
}

&-flush,
&-flush-screen-small,
&-flush-screen-medium {
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-top: 0;
padding-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-top: 0;
}

&-flush-vertical,
&-flush-vertical-screen-small,
&-flush-vertical-screen-medium {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}

&-flush-top,
&-flush-top-screen-small,
&-flush-top-screen-medium {
margin-top: 0;
padding-top: 0;
}

&-flush-bottom,
&-flush-bottom-screen-small,
&-flush-bottom-screen-medium {
margin-bottom: 0;
padding-bottom: 0;
}

&-flush-horizontal,
&-flush-horizontal-screen-small,
&-flush-horizontal-screen-medium {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

&-flush-left,
&-flush-left-screen-small,
&-flush-left-screen-medium {
margin-left: 0;
padding-left: 0;
}

&-flush-right,
&-flush-right-screen-small,
&-flush-right-screen-medium {
margin-right: 0;
padding-right: 0;
}
}
}
}
Expand Down Expand Up @@ -920,6 +1039,76 @@
.property-variant(pod, margin-right, wider, screen-large);
.property-variant(pod, padding-right, wider, screen-large);
}

&-flush,
&-flush-screen-small,
&-flush-screen-medium,
&-flush-screen-large {
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-top: 0;
padding-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-top: 0;
}

&-flush-vertical,
&-flush-vertical-screen-small,
&-flush-vertical-screen-medium,
&-flush-vertical-screen-large {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}

&-flush-top,
&-flush-top-screen-small,
&-flush-top-screen-medium,
&-flush-top-screen-large {
margin-top: 0;
padding-top: 0;
}

&-flush-bottom,
&-flush-bottom-screen-small,
&-flush-bottom-screen-medium,
&-flush-bottom-screen-large {
margin-bottom: 0;
padding-bottom: 0;
}

&-flush-horizontal,
&-flush-horizontal-screen-small,
&-flush-horizontal-screen-medium,
&-flush-horizontal-screen-large {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

&-flush-left,
&-flush-left-screen-small,
&-flush-left-screen-medium,
&-flush-left-screen-large {
margin-left: 0;
padding-left: 0;
}

&-flush-right,
&-flush-right-screen-small,
&-flush-right-screen-medium,
&-flush-right-screen-large {
margin-right: 0;
padding-right: 0;
}
}
}
}
Expand Down Expand Up @@ -1211,6 +1400,83 @@
.property-variant(pod, margin-right, wider, screen-jumbo);
.property-variant(pod, padding-right, wider, screen-jumbo);
}

&-flush,
&-flush-screen-small,
&-flush-screen-medium,
&-flush-screen-large,
&-flush-screen-jumbo {
margin-bottom: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-top: 0;
padding-bottom: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-top: 0;
}

&-flush-vertical,
&-flush-vertical-screen-small,
&-flush-vertical-screen-medium,
&-flush-vertical-screen-large,
&-flush-vertical-screen-jumbo {
margin-bottom: 0;
margin-top: 0;
padding-bottom: 0;
padding-top: 0;
}

&-flush-top,
&-flush-top-screen-small,
&-flush-top-screen-medium,
&-flush-top-screen-large,
&-flush-top-screen-jumbo {
margin-top: 0;
padding-top: 0;
}

&-flush-bottom,
&-flush-bottom-screen-small,
&-flush-bottom-screen-medium,
&-flush-bottom-screen-large,
&-flush-bottom-screen-jumbo {
margin-bottom: 0;
padding-bottom: 0;
}

&-flush-horizontal,
&-flush-horizontal-screen-small,
&-flush-horizontal-screen-medium,
&-flush-horizontal-screen-large,
&-flush-horizontal-screen-jumbo {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

&-flush-left,
&-flush-left-screen-small,
&-flush-left-screen-medium,
&-flush-left-screen-large,
&-flush-left-screen-jumbo {
margin-left: 0;
padding-left: 0;
}

&-flush-right,
&-flush-right-screen-small,
&-flush-right-screen-medium,
&-flush-right-screen-large,
&-flush-right-screen-jumbo {
margin-right: 0;
padding-right: 0;
}
}
}
}
Expand Down

0 comments on commit 8ad9c6e

Please sign in to comment.