Directions handlers
A collection of Sass mixins that will handle text direction changes for multilangual websites.
These mixins detect whether your website is ltr or rtl and adjust the padding, margin and position according to that.
syntax | description |
---|---|
@include m-margin-start(10px) | applies a 10px margin at the start of the element |
@include m-margin-end(10px) | applies a 10px margin at the end of the element |
@include m-pading-start(10px) | applies a 10px padding at the start of the element |
@include m-padding-end(10px) | applies a 10px padding at the end of the element |
@include m-horizon-start(10px) | positions absolute elements 10px away from the start of the parent (equivalent to left/right) |
@include m-horizon-end(10px) | positions absolute elements 10px away from the end of the parent (equivalent to right/left) |