2015-01-26 08:39:48 +00:00
|
|
|
/*
|
|
|
|
|
|
|
|
UTILITIES
|
|
|
|
|
2017-02-14 02:57:27 +00:00
|
|
|
Media Query Extensions:
|
|
|
|
-ns = not-small
|
|
|
|
-m = medium
|
|
|
|
-l = large
|
|
|
|
|
2015-01-26 08:39:48 +00:00
|
|
|
*/
|
|
|
|
|
2017-02-14 02:57:27 +00:00
|
|
|
/* Equivalent to .overflow-y-scroll */
|
2015-01-26 08:39:48 +00:00
|
|
|
.overflow-container {
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
2015-07-16 02:32:34 +00:00
|
|
|
.center {
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
2017-02-14 02:57:27 +00:00
|
|
|
|
2017-08-12 21:46:52 +00:00
|
|
|
.mr-auto { margin-right: auto; }
|
|
|
|
.ml-auto { margin-left: auto; }
|
|
|
|
|
2017-02-14 02:57:27 +00:00
|
|
|
@media (--breakpoint-not-small){
|
|
|
|
.center-ns {
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
2017-08-12 21:46:52 +00:00
|
|
|
.mr-auto-ns { margin-right: auto; }
|
|
|
|
.ml-auto-ns { margin-left: auto; }
|
2017-02-14 02:57:27 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@media (--breakpoint-medium){
|
|
|
|
.center-m {
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
2017-08-12 21:46:52 +00:00
|
|
|
.mr-auto-m { margin-right: auto; }
|
|
|
|
.ml-auto-m { margin-left: auto; }
|
2017-02-14 02:57:27 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
@media (--breakpoint-large){
|
|
|
|
.center-l {
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
2017-08-12 21:46:52 +00:00
|
|
|
.mr-auto-l { margin-right: auto; }
|
|
|
|
.ml-auto-l { margin-left: auto; }
|
2017-02-14 02:57:27 +00:00
|
|
|
}
|