artin/tachyons
1
0
Fork 0
mirror of https://github.com/tachyons-css/tachyons.git synced 2026-02-06 13:56:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moved .ml-auto and .mr-auto into _spacing instead of _utilities

Browse Source 
It's much more discoverable here, along with the other `ml-` and `mr-`
classes. If a person wanted to set an auto margin, the first place they
would look would be in the `_spacing` css file, not "_utilities".
This commit is contained in:
Dan Gayle 2018-04-23 16:55:12 -07:00
parent a77cfb6968
commit bf4428a90d
No known key found for this signature in database
GPG Key ID: 77229507D6ECFFC4
2 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/_spacing.css
View File

@ -170,6 +170,9 @@ http://tachyons.io/docs/layout/spacing/
padding-right: var(--spacing-7);
}
.mr-auto { margin-right: auto; }
.ml-auto { margin-left: auto; }
.m0 { margin: var(--spacing-0); }
.m1 { margin: var(--spacing-1); }
.m2 { margin: var(--spacing-2); }
@ -394,6 +397,9 @@ http://tachyons.io/docs/layout/spacing/
padding-right: var(--spacing-7);
}
.mr-auto-s { margin-right: auto; }
.ml-auto-s { margin-left: auto; }
.m0-s { margin: var(--spacing-0); }
.m1-s { margin: var(--spacing-1); }
.m2-s { margin: var(--spacing-2); }
@ -618,6 +624,9 @@ http://tachyons.io/docs/layout/spacing/
padding-right: var(--spacing-7);
}
.mr-auto-m { margin-right: auto; }
.ml-auto-m { margin-left: auto; }
.m0-m { margin: var(--spacing-0); }
.m1-m { margin: var(--spacing-1); }
.m2-m { margin: var(--spacing-2); }
@ -842,6 +851,9 @@ http://tachyons.io/docs/layout/spacing/
padding-right: var(--spacing-7);
}
.mr-auto-l { margin-right: auto; }
.ml-auto-l { margin-left: auto; }
.m0-l { margin: var(--spacing-0); }
.m1-l { margin: var(--spacing-1); }
.m2-l { margin: var(--spacing-2); }

9
src/_utilities.css
View File

@ -26,16 +26,11 @@
margin-left: auto;
}
.mr-auto { margin-right: auto; }
.ml-auto { margin-left: auto; }
@media (--breakpoint-small) {
.center-s {
margin-right: auto;
margin-left: auto;
}
.mr-auto-s { margin-right: auto; }
.ml-auto-s { margin-left: auto; }
}
@media (--breakpoint-medium) {
@ -43,8 +38,6 @@
margin-right: auto;
margin-left: auto;
}
.mr-auto-m { margin-right: auto; }
.ml-auto-m { margin-left: auto; }
}
@media (--breakpoint-large) {
@ -52,6 +45,4 @@
margin-right: auto;
margin-left: auto;
}
.mr-auto-l { margin-right: auto; }
.ml-auto-l { margin-left: auto; }
}