sugarcss 1.0.0

data/stylesheets/sugar/_units.scss

@@ -0,0 +1,120 @@
+//
+// Units specific
+//
+
+//
+// Convert helpers
+//
+@function s-percent($value) {
+	@return s-convert($value, '%');
+}
+@function s-px($value) {
+	@return s-convert($value, px);
+}
+@function s-pt($value) {
+	@return s-convert($value, pt);
+}
+@function s-rem($value) {
+	@return s-convert($value, rem);
+}
+@function s-em($value) {
+	@return s-convert($value, em);
+}
+
+//
+// Convert some values
+//
+@function s-convert($value, $convertUnit){
+
+	// get the unit
+	$unit : null;
+
+	// get the unit
+	$unit : unit($value);
+
+	// get the default font-size
+	$font-size : s-strip-units(sugar('settings.typo.font-size'));
+
+	// return the value if same units
+	@if $unit and $unit == $convertUnit {
+		@return $value;
+	}
+
+	// strip unit of value
+	$value : s-strip-units($value);
+
+	@if $unit == null or $unit == '' {
+		@if $convertUnit == px {
+			@return $value + 0px;
+		} @else if $convertUnit == em {
+			@return $value + 0em;
+		} @else if $convertUnit == rem {
+			@return $value + 0rem;
+		} @else if $convertUnit == pt {
+			@return $value + 0pt;
+		} @else if $convertUnit == '%' {
+			@return percentage($values / 100);
+		}
+	} @else if $unit == px {
+		@if $convertUnit == em {
+			@return $value / $font-size + 0em;
+		} @else if $convertUnit == percent or $convertUnit == '%' {
+			@return percentage($value / $font-size);
+		} @else if $convertUnit == rem {
+			@return $value / $font-size + 0rem;
+		} @else if $convertUnit == px {
+			@return $value + 0px;
+		} @else {
+			@error("Unit #{$unit} cannot be converted to #{$convertUnit}");
+			@return null;
+		}
+	}
+	@else if $unit == em {
+		@if $convertUnit == px {
+			@return $value * $font-size + 0px;
+		} @else if $convertUnit == "%" or $convertUnit == percent {
+			@return percentage($value);
+		} @else if $convertUnit == em {
+			@return $value + 0em;
+		} @else if $convertUnit == rem {
+			@return s-strip-units($value) + 0rem;
+		} @else {
+			@error("Unit #{$unit} cannot be converted to #{$convertUnit}");
+			@return null;
+		}
+	}
+	@else if $unit == "%" {
+		@if $convertUnit == px {
+			@return $value * $font-size / 100 + 0px;
+		} @else if $convertUnit == em {
+			@return $value / 100 + 0em;
+		} @else if $convertUnit == '%' {
+			@return percentage($value);
+		} @else {
+			@error("Unit #{$unit} cannot be converted to #{$convertUnit}");
+			@return null;
+		}
+	}
+	@else if $unit == pt {
+		@if $convertUnit == px {
+			@return $value * 1.3333 + 0px;
+		} @else if $convertUnit == em {
+			@return $value / 12 + 0em;
+		} @else if $convertUnit == "%" or $convertUnit == percent {
+			@return percentage($value / 12);
+		} @else if $convertUnit == pt {
+			@return $value + 0pt;
+		} @else {
+			@error("Unit #{$unit} cannot be converted to #{$convertUnit}");
+			@return null;
+		}
+	} @else if $unit == rem {
+		@if $convertUnit == px {
+			@return $value * $font-size + 0px;
+		} @else if $convertUnit == rem {
+			@return $value + 0rem;
+		} @else if $convertUnit == pt {
+			@return $value * $font-size * 0.75 + 0pt;
+		}
+	}
+}

data/stylesheets/sugar/tools/_arrow.scss

@@ -0,0 +1,70 @@
+@mixin _arrow_helper($arrowSize, $arrowColor, $margin, $side, $align) {
+  @if $side == "top" {
+	border-bottom-color: $arrowColor;
+	top: -2 * $arrowSize;
+  }
+  @if $side == "bottom" {
+	border-top-color: $arrowColor;
+	bottom: -2 * $arrowSize;
+  }
+  @if $side == "left" {
+	border-right-color: $arrowColor;
+	left: -2 * $arrowSize;
+  }
+  @if $side == "right" {
+	border-left-color: $arrowColor;
+	right: -$arrowSize;
+  }
+  @if $side == "right" or $side == "left" {
+	@if $align == "center" {
+	  top: 50%;
+	  margin-top: -$arrowSize;
+	}
+	@else if $align == "top" {
+	  top: $margin;
+	}
+	@else if $align == "bottom" {
+	  bottom: $margin;
+	}
+  }
+  @if $side == "bottom" or $side == "top" {
+	@if $align == "center" {
+	  right: 50%;
+	  margin-right: -$arrowSize;
+	}
+	@else if $align == "left" {
+	  left: $margin;
+	}
+	@else if $align == "right" {
+	  right: $arrowSize + $margin;
+	}
+  }
+}
+
+@mixin _arrow($side: "right", $align: "center", $size: 20px, $color: #f6f6f6, $borderColor: "none", $borderSize: 3px) {
+  $selector: "&:after, &:before";
+  @if $borderColor == "none" {
+	$selector: "&:after";
+  }
+  #{$selector} {
+	border: solid transparent;
+	content: " ";
+	height: 0;
+	width: 0;
+	position: absolute;
+	pointer-events: none;
+	visibility: visible;
+  }
+  
+  &:after {
+	border-width: $size;
+	@include _arrow_helper($size, $color, $size, $side, $align);
+  }
+  
+  @if $borderColor != "none" {
+	&:before {
+	  border-width: $borderSize + $size;
+	  @include _arrow_helper($size + $borderSize, $borderColor, $size - $borderSize, $side, $align);
+	}
+  }
+}

data/stylesheets/sugar/tools/_list.scss

@@ -0,0 +1,103 @@
+//
+// Remove item from list
+//
+@function remove-nth($list, $index) {
+  $result: null;
+		
+  @if type-of($index) != number {
+	@warn "$index: #{quote($index)} is not a number for `remove-nth`.";
+  }
+
+  @else if $index == 0 {
+	@warn "List index 0 must be a non-zero integer for `remove-nth`.";
+  }
+
+  @else if abs($index) > length($list) {
+	@warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`.";
+  }
+
+  @else {
+	$result: ();
+	$index: if($index < 0, length($list) + $index + 1, $index);  
+
+	@for $i from 1 through length($list) {
+	  @if $i != $index {
+		$result: append($result, nth($list, $i));
+	  }
+	}
+  }
+		
+  @return $result;
+}
+
+//
+// Last nth
+//
+@function last-nth($list) {
+	@return nth($list,length($list));
+}
+
+//
+// First nth
+//
+@function first-nth($list) {
+	@return nth($list,1);
+}
+
+//
+// Search in a list a one value exist
+//
+@function in-list(
+	$list,
+	$values
+) {
+	@each $val in $values {
+		@if index($list, $val) {
+			@return true;
+		}
+	}
+	@return false;
+}
+
+//
+// Implode
+//
+@function list-implode($list, $glue : '') {
+	$res : ();
+	$idx : 1;
+	@each $l in $list {
+		$res : append($res, $l);
+		@if $idx < length($list) {
+			$res : append($res, $glue);
+		}
+		$idx : $idx + 1;
+	}
+	@return _join($res,'');
+}
+
+//
+// Prepend
+//
+@function list-prepend($list, $value) {
+	@return join($value, $list);
+}
+
+//
+// List shift
+//
+// @param 	List 	$list 		The list to use
+// @return 	List 				The processed list
+//
+@function list-shift($list) {
+	@return remove-nth($list,1);
+}
+
+//
+// List pop
+//
+// @param 	List 	$list 		The list to use
+// @return 	List 				The processed list
+//
+@function list-pop($list) {
+	@return remove-nth($list,length($list));
+}

data/stylesheets/sugar/tools/_map.scss

@@ -0,0 +1,93 @@
+//
+// Map set
+//
+// @param 	Map 	$map 		The map to use
+// @param 	String 	$key 		The key to update
+// @param 	Mixed 	$value 		The new value
+// @return 	Map 			The new map
+//
+@function map-set($map, $key, $value) {
+	$new: ($key: $value);
+	@return map-merge($map, $new);
+}
+
+//
+// Get deep values in map
+//
+@function map-deep-values(
+	$map
+) {
+	$values : ();
+	// loop on each keys
+	@each $key, $value in $map {
+		@if type-of($value) == map or type-of($value) == list {
+			// add to values :
+			$values : join($values, map-deep-values($value));
+		} @else {
+			// add to values :
+			$values : append($values, $value);
+		}
+	}
+	// return values
+	@return $values;
+}
+
+//
+// Map get or
+// This will try to get the elements in map by index order
+//
+@function map-get-or(
+	$map,
+	$index-list,
+	$default : null
+) {
+	@each $index in $index-list {
+		$res : map-get($map, $index);
+		@if $res != null {
+			@return $res;
+		}
+	}
+	// we do not find anything
+	@return $default;
+}
+
+
+// jQuery-style extend function
+// About `map-merge()`:
+// * only takes 2 arguments
+// * is not recursive
+// @param {Map} $map - first map
+// @param {ArgList} $maps - other maps
+// @param {Bool} $deep - recursive mode
+// @return {Map}
+@function map-extend($map, $maps.../*, $deep */) {
+	$last: nth($maps, -1);
+	$deep: $last == true;
+	$max: if($deep, length($maps) - 1, length($maps));
+
+	// Loop through all maps in $maps...
+	@for $i from 1 through $max {
+		// Store current map
+		$current: nth($maps, $i);
+
+		// If not in deep mode, simply merge current map with map
+		@if not $deep {
+			$map: map-merge($map, $current);
+		} @else {
+			// If in deep mode, loop through all tuples in current map
+			@each $key, $value in $current {
+
+				// If value is a nested map and same key from map is a nested map as well
+				@if type-of($value) == "map" and type-of(map-get($map, $key)) == "map" {
+					// Recursive extend
+					$value: map-extend(map-get($map, $key), $value, true);
+				}
+
+				// Merge current tuple with map
+				$map: map-merge($map, ($key: $value));
+			}
+		}
+	}
+
+	@return $map;
+}

data/stylesheets/sugar/tools/_math.scss

@@ -0,0 +1,196 @@
+$_s-pi: 3.14159265359;
+$_s-default-threshold: $_s-pi/180/20;
+$_s-precision: 10;
+
+//
+// Sqrt
+//
+@function s-sqrt($r) {
+	$x0: 1;
+	$x1: $x0;
+
+	@for $i from 1 through 10 {
+		$x1: $x0 - ($x0 * $x0 - abs($r)) / (2 * $x0);
+		$x0: $x1;
+	}
+
+	@return $x1;
+}
+
+//
+// Power
+//
+@function s-pow($base, $exp) {
+	$value: $base;
+	@if $exp > 1 {
+		@for $i from 2 through $exp {
+			$value: $value * $base;
+		}
+	}
+	@if $exp < 1{
+		@for $i from 0 through -$exp {
+				$value: $value / $base;
+		}
+	}
+	@return $value;
+}
+
+//
+// Factoriel
+//
+@function s-fact($num) {
+	$fact: 1;
+	@if $num > 0{
+		@for $i from 1 through $num {
+			$fact: $fact * $i;
+		}
+	}
+	@return $fact;
+}
+
+//
+// Degree
+//
+@function s-deg($angle) {
+	@return s-convert-angle($angle, deg);
+}
+
+//
+// Radian
+//
+@function s-rad($angle) {
+	@return s-convert-angle($angle, rad);
+}
+
+//
+// Grad
+//
+@function s-grad($angle) {
+	@return s-convert-angle($angle, grad);
+}
+
+//
+// Turn
+//
+@function s-turn($angle) {
+	@return s-convert-angle($angle, turn);
+}
+
+//
+// Convert angle
+//
+@function s-convert-angle($value, $unit-name) {
+	$factors: (
+		rad: 1rad,
+		deg: 180deg/$_s-pi,
+		grad: 200grad/$_s-pi,
+		turn: .5turn/$_s-pi
+	);
+
+	@if not unitless($value) {
+		@warn '`#{$value}` should be unitless';
+		@return false;
+	}
+
+	@if not map-has-key($factors, $unit-name) {
+		@warn 'unit `#{$unit-name}` is not a valid unit - please make sure it is either `deg`, `rad`, `grad` or `turn`';
+		@return false;
+	}
+
+	@return $value*map-get($factors, $unit-name);
+}
+
+//
+// Sinus inverse
+//
+@function s-asin($z, $unit-name: deg, $threshold: $_s-default-threshold) {
+	$sum: 0;
+	$complement: false;
+	$sign: if($z != 0, $z/abs($z), 1);
+
+	$z: abs($z);
+	
+	@if $z > 1 {
+		@warn 'illegal `#{$z}` value for function';
+		@return false;
+	}
+
+	@if $z > s-sin($_s-pi/4) {
+		$complement: true;
+		$z: s-sqrt(1 - s-pow($z, 2));
+	}
+
+	$term: $z;
+	$i: 0;
+	$k: 1;
+
+	@while $term > $threshold {
+		$sum: $sum + $term;
+
+		$i: $i + 1;
+		$k: $k*(2*$i - 1)/(2*$i);
+		$j: 2*$i + 1;
+
+		$term: $k*s-pow($z, $j)/$j;
+	}
+
+	@return s-convert-angle($sign*(if($complement, $_s-pi/2 - $sum, $sum)), $unit-name);
+}
+
+//
+// Consinus inverse
+//
+@function s-acos($z, $unit-name: deg, $threshold: $_s-default-threshold) {
+	@return s-convert-angle($_s-pi/2, $unit-name) - s-asin($z, $unit-name, $threshold);
+}
+
+//
+// Tangent inverse
+//
+@function s-atan($z, $unit-name: deg, $threshold: $_s-default-threshold) {  
+	@return s-asin($z/s-sqrt(1 + s-pow($z, 2)), $unit-name, $threshold);
+}
+
+//
+// Convert angle to unitless
+//
+@function _s_to_unitless_rad($angle) {
+	@if unit($angle) == "deg" {
+		$angle: $angle / 180deg * $_s-pi;
+	}
+	@if unit($angle) == "rad" {
+		$angle: $angle / 1rad;
+	}
+	@return $angle;
+}
+
+//
+// Sinus
+//
+@function s-sin($angle){
+	$a: _s_to_unitless_rad($angle);
+	$sin: $a;
+	@for $n from 1 through $_s-precision {
+		$sin: $sin + (s-pow(-1, $n) / s-fact(2 * $n + 1) ) * s-pow($a, (2 * $n + 1));
+	}
+	@return $sin;
+}
+
+//
+// Cosinus
+//
+@function s-cos($angle){
+	$a: _s_to_unitless_rad($angle);
+	$cos: 1;
+	@for $n from 1 through $_s-precision {
+		$cos: $cos + ( s-pow(-1,$n) / s-fact(2*$n) ) * s-pow($a,2*$n);
+	}
+	@return $cos;
+}
+
+//
+// Tangent
+//
+@function s-tan($angle){
+	@return s-sin($angle) / s-cos($angle);
+}

data/stylesheets/sugar/tools/_string.scss

@@ -0,0 +1,65 @@
+//
+// String specific
+//
+
+//
+// Get url extension
+//
+@function str-url-ext(
+	$url
+) {
+	// protect
+	@if type-of($url) != string {
+		@error("str-url-ext : $url has to be a string");
+	}
+	// split
+	$split : str-explode($url,'.');
+	// get the last item
+	$last : last-nth($split);
+	@if str-length($last) <= 5 and length($split) >= 2 {
+		@return $last;
+	} @else {
+		@return null;
+	}
+}
+
+//
+// Replace
+//
+@function str-replace($string, $search, $replace: '') {
+	@if type-of($string) != "string" {
+		@error "`str-replace` function expecting a string for $string; #{type-of($string)} given.";
+	}
+
+	@if type-of($search) != "string" {
+		@error "`str-replace` function expecting a string for $search; #{type-of($search)} given.";
+	}
+
+	@if type-of($replace) != "string" {
+		@error "`str-replace` function expecting a string for $replace; #{type-of($replace)} given.";
+	}
+
+	$index: str-index($string, $search);
+
+	@if $index {
+		@return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+	}
+
+	@return $string;
+}
+
+
+
+//
+// Check if is url
+//
+@function str-is-url(
+	$url
+) {
+	$ext : str-url-ext($url);
+	@if $ext {
+		@return true;
+	} @else {
+		@return false;
+	}
+}