Permalink
Switch branches/tags
Find file Copy path
353ab6e Jan 10, 2015
2 contributors

Users who have contributed to this file

@parhumm @navidkashani
70 lines (59 sloc) 1.79 KB
// Name: Direction Controller Functions
// URI: https://github.com/parhumm/Sass-Direction-Controller/
// Description: An approach to write a css code for once and create tow version of it RTL or LTR just with change one variable value
// Version: 1.0.2
// Author: Parhum Khoshbakht
// Author URI: https://github.com/parhumm
// License: The MIT License (MIT)
// License URI: https://github.com/parhumm/Sass-Direction-Controller/blob/master/LICENSE
// Choose Your Site Language Direction: LTR or RTL.
// Default is LTR
$text-direction: ltr !default;
// Write your base sass for RTL or LTR.
// Default is for LTR
$default-float: left !default;
$opposite-direction: right !default;
$start: $default-float;
$end: $opposite-direction;
// Mixin and Functions
@if $text-direction != ltr {
$start: $opposite-direction;
$end: $default-float;
}
// dir-check function check if direction equal ltr return first parametr, else return secound parameter
@function dir-check($a, $b) {
@if $text-direction == ltr {
@return $a;
} @else {
@return $b;
}
}
// dir-values Reorder $opposite-direction and $default-float positions in padding/margin values list
@function dir-values($values) {
@if $text-direction == rtl and length($values) == 4 {
@return nth($values, 1) nth($values, 4) nth($values, 3) nth($values, 2);
}
@else {
@return $values;
}
}
// br-values Reorder $opposite-direction and $default-float positions in border-radius values list
@function br-values($values) {
@if $text-direction == rtl and length($values) == 4 {
@return nth($values, 2) nth($values, 1) nth($values, 4) nth($values, 3);
}
@else {
@return $values;
}
}
// These Mixins check your direction and display @content
@mixin if-ltr {
@if $text-direction == ltr {
@content;
}
}
@mixin if-rtl {
@if $text-direction != ltr {
@content;
}
}