50 lines
835 B
CSS
50 lines
835 B
CSS
/*
|
|
|
|
UTILITIES
|
|
|
|
Media Query Extensions:
|
|
-ns = not-small
|
|
-m = medium
|
|
-l = large
|
|
|
|
*/
|
|
|
|
/* Equivalent to .overflow-y-scroll */
|
|
.overflow-container {
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.center {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.mr-auto { margin-right: auto; }
|
|
.ml-auto { margin-left: auto; }
|
|
|
|
@media (--breakpoint-not-small){
|
|
.center-ns {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.mr-auto-ns { margin-right: auto; }
|
|
.ml-auto-ns { margin-left: auto; }
|
|
}
|
|
|
|
@media (--breakpoint-medium){
|
|
.center-m {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.mr-auto-m { margin-right: auto; }
|
|
.ml-auto-m { margin-left: auto; }
|
|
}
|
|
|
|
@media (--breakpoint-large){
|
|
.center-l {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.mr-auto-l { margin-right: auto; }
|
|
.ml-auto-l { margin-left: auto; }
|
|
}
|