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

Commit

Permalink
Update flush classes
Browse files Browse the repository at this point in the history
  • Loading branch information
@ashenden
ashenden committed Sep 12, 2018
1 parent 8ad9c6e commit 63c78ed
Show file tree
Hide file tree
Showing 2 changed files with 80 additions and 155 deletions.
140 changes: 10 additions & 130 deletions styles/layout/pod/styles.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -170,18 +170,8 @@
}

&-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;
margin: 0;
padding: 0;
}

&-flush-vertical {
Expand Down Expand Up @@ -423,57 +413,40 @@
.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;
margin: 0;
padding: 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 @@ -714,64 +687,40 @@
.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;
margin: 0;
padding: 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 @@ -1040,71 +989,40 @@
.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;
margin: 0;
padding: 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 @@ -1401,78 +1319,40 @@
.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;
margin: 0;
padding: 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
Loading

0 comments on commit 63c78ed

Please sign in to comment.