File "_direction-controller.scss"

Full Path: /home/jovision/public_html/wp/wp-content/themes/mediacenter/assets/sass/_direction-controller.scss
File size: 1.79 KB
MIME-type: text/plain
Charset: utf-8

// 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;
	}
}