58 lines
895 B
SCSS
58 lines
895 B
SCSS
|
|
// Converted Variables
|
|
|
|
|
|
// Custom Media Query Variables
|
|
|
|
|
|
/*
|
|
|
|
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; }
|
|
}
|