32 lines
1.0 KiB
Stylus
32 lines
1.0 KiB
Stylus
@import "{design}/app.styl"
|
|
|
|
generateSpacings('', $spacer-x, $spacer-y)
|
|
|
|
.m-x-auto
|
|
margin-left: auto !important
|
|
margin-right: auto !important
|
|
|
|
// MIN WIDTH 1920
|
|
generateSpacings('r', $spacer-x, $spacer-y)
|
|
|
|
@media screen and (min-width: 1600px) and (max-width: 1919px)
|
|
generateSpacings('r', ($spacer-x * 0.9), ($spacer-y * 0.9))
|
|
|
|
@media screen and (min-width: 1440px) and (max-width: 1599px)
|
|
generateSpacings('r', ($spacer-x * 0.8), ($spacer-y * 0.8))
|
|
|
|
@media screen and (min-width: 1360px) and (max-width: 1439px)
|
|
generateSpacings('r', ($spacer-x * 0.7), ($spacer-y * 0.7))
|
|
|
|
@media screen and (min-width: 1280px) and (max-width: 1359px)
|
|
generateSpacings('r', ($spacer-x * 0.6), ($spacer-y * 0.6))
|
|
|
|
@media screen and (min-width: 1152px) and (max-width: 1279px)
|
|
generateSpacings('r', ($spacer-x * 0.5), ($spacer-y * 0.5))
|
|
|
|
@media screen and (min-width: 1024px) and (max-width: 1151px)
|
|
generateSpacings('r', ($spacer-x * 0.4), ($spacer-y * 0.4))
|
|
|
|
@media screen and (max-width: 1023px)
|
|
generateSpacings('r', ($spacer-x * 0.3), ($spacer-y * 0.3))
|