core/skin/virtual-nt.ru/sass/directional/_directional.scss

65 lines
1.1 KiB
SCSS

// Default $dir if not valid
@if $dir != ltr and $dir != rtl {
$dir: ltr;
}
@function if-ltr($if, $else: null) {
@if $dir != rtl {
@return $if;
}
@else {
@return $else;
}
}
@function if-rtl($if, $else: null) {
@return if-ltr($else, $if);
}
$left: if-ltr(left, right);
$right: if-ltr(right, left);
@function side-values($values) {
@if $dir == rtl and length($values) >= 4 {
// Reorder right and left positions in list
@return nth($values, 1) nth($values, 4) nth($values, 3) nth($values, 2);
}
@else {
@return $values;
}
}
@function corner-values($values) {
@if $dir == rtl and length($values) > 1 {
// Reorder right and left positions in list
@if length($values) == 2 {
@return nth($values, 2) nth($values, 1);
}
@else if length($values) == 3 {
@return nth($values, 2) nth($values, 1) nth($values, 2) nth($values, 3);
}
@else {
@return nth($values, 2) nth($values, 1) nth($values, 4) nth($values, 3);
}
}
@else {
@return $values;
}
}
@mixin if-ltr {
@if $dir != rtl {
@content;
}
}
@mixin if-rtl {
@if $dir == rtl {
@content;
}
}