stellarskylark/tachyons-skylark
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add responsive classes for centering elements with margin auto

Browse source
This commit is contained in:
mrmrs 2017-02-14 02:57:27 +00:00
parent 34ad08414f
commit 7d0d9eb66b
1 changed files with 27 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/_utilities.css
View file

@ -2,8 +2,14 @@
UTILITIES
Media Query Extensions:
-ns = not-small
-m = medium
-l = large
*/
/* Equivalent to .overflow-y-scroll */
.overflow-container {
overflow-y: scroll;
}
@ -12,3 +18,24 @@
margin-right: auto;
margin-left: auto;
}
@media (--breakpoint-not-small){
.center-ns {
margin-right: auto;
margin-left: auto;
}
}
@media (--breakpoint-medium){
.center-m {
margin-right: auto;
margin-left: auto;
}
}
@media (--breakpoint-large){
.center-l {
margin-right: auto;
margin-left: auto;
}
}