diff --git a/src/_utilities.css b/src/_utilities.css index 2589ed7..74fc9c9 100644 --- a/src/_utilities.css +++ b/src/_utilities.css @@ -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; + } +}