Sha256: 850bfdf0da602ec27584d91e5b1f8879d86c5fc296b7b9ebfddfeeced0ac6053
Contents?: true
Size: 845 Bytes
Versions: 15
Compression:
Stored size: 845 Bytes
Contents
/// 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(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;
}
Version data entries
15 entries across 15 versions & 2 rubygems