You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
872 B
34 lines
872 B
7 years ago
|
@charset "UTF-8";
|
||
|
|
|
||
|
|
/// Changes the direction property used by other mixins called in the code block argument.
|
||
|
|
///
|
||
|
|
/// @param {String} $direction [left-to-right]
|
||
|
|
/// Layout direction to be used within the block. Can be `left-to-right` or `right-to-left`.
|
||
|
|
///
|
||
|
|
/// @example scss - Usage
|
||
|
|
/// @include direction-context(right-to-left) {
|
||
|
|
/// .right-to-left-block {
|
||
|
|
/// @include span-columns(6);
|
||
|
|
/// }
|
||
|
|
/// }
|
||
|
|
///
|
||
|
|
/// @example css - CSS Output
|
||
|
|
/// .right-to-left-block {
|
||
|
|
/// float: right;
|
||
|
|
/// ...
|
||
|
|
/// }
|
||
|
|
|
||
|
|
@mixin direction-context($direction: left-to-right) {
|
||
|
|
$scope-direction: $layout-direction;
|
||
|
|
|
||
|
|
@if to-lower-case($direction) == "left-to-right" {
|
||
|
|
$layout-direction: LTR !global;
|
||
|
|
} @else if to-lower-case($direction) == "right-to-left" {
|
||
|
|
$layout-direction: RTL !global;
|
||
|
|
}
|
||
|
|
|
||
|
|
@content;
|
||
|
|
|
||
|
|
$layout-direction: $scope-direction !global;
|
||
|
|
}
|