dashy 0.0.2 → 0.0.3

data/app/assets/stylesheets/dashy/define/_prepend.scss

@@ -0,0 +1,53 @@
+@mixin define-prepend($prepend)
+{
+	@if is-unitless($prepend)
+	{
+		@include define-elastic-prepend(to-percentage-from-unitless($prepend));
+	}
+	@else if is-percentage($prepend)
+	{
+		@include define-elastic-prepend($prepend);
+	}
+	@else
+	{
+		@include define-fixed-prepend($prepend);
+	}
+}
+
+@mixin define-elastic-prepend($prepend-percentage)
+{
+	$prepend-fraction: to-fraction-from-percentage($prepend-percentage);
+	$approximate-prepend-percentage: number-approximate-low($prepend-percentage);
+
+	@if is-round($approximate-prepend-percentage)
+	{
+		#{ select-class(prepend $approximate-prepend-percentage) },
+		#{ select-class(prepend $prepend-fraction) }
+		{
+			@include set-prepend($approximate-prepend-percentage);
+		}
+	}
+	@else
+	{
+		#{ select-class(prepend $prepend-fraction) }
+		{
+			@include set-prepend($approximate-prepend-percentage);
+		}
+	}
+}
+
+@mixin define-fixed-prepend($prepend)
+{
+	#{ select-class(prepend $prepend) }
+	{
+		@include set-prepend($prepend);
+	}
+}
+
+@mixin define-prepends($prepends)
+{
+	@each $prepend in list-series($prepends)
+	{
+		@include define-prepend($prepend);
+	}
+}

data/app/assets/stylesheets/dashy/define/_pull.scss

@@ -0,0 +1,17 @@
+@mixin define-pull($direction, $amount)
+{
+	@include initialize-pull;
+
+	#{ select-class(pull $direction $amount) }
+	{
+		@include set-pull($direction, $amount);
+	}
+}
+
+@mixin define-pulls($directions, $amounts)
+{
+	@each $direction in $directions { @each $amount in list-series($amounts)
+	{
+		@include define-pull($direction, $amount);
+	}}
+}

data/app/assets/stylesheets/dashy/define/_push.scss

@@ -0,0 +1,22 @@
+@mixin define-push($direction, $amount)
+{
+	@include initialize-push;
+
+	#{ select-class(push $direction $amount) }
+	{
+		@include set-push($direction, $amount);
+	}
+}
+
+@mixin define-pushs($directions, $amounts)
+{
+	@each $direction in $directions { @each $amount in list-series($amounts)
+	{
+		@include define-push($direction, $amount);
+	}}
+}
+
+@mixin define-pushes($directions, $amounts)
+{
+	@include define-pushs($directions, $amounts);
+}

data/app/assets/stylesheets/dashy/define/_space.scss

@@ -0,0 +1,15 @@
+@mixin define-space($side, $amount)
+{
+	#{ select-class(space $side $amount) }
+	{
+		@include set-space($side, $amount);
+	}
+}
+
+@mixin define-spaces($sides, $amounts)
+{
+	@each $side in $sides { @each $amount in list-series($amounts)
+	{
+		@include define-space($side, $amount);
+	}}
+}

data/app/assets/stylesheets/dashy/define/_width.scss

@@ -0,0 +1,53 @@
+@mixin define-width($width)
+{
+	@if is-unitless($width)
+	{
+		@include define-elastic-width(to-percentage-from-unitless($width));
+	}
+	@else if is-percentage($width)
+	{
+		@include define-elastic-width($width);
+	}
+	@else
+	{
+		@include define-fixed-width($width);
+	}
+}
+
+@mixin define-elastic-width($width-percentage)
+{
+	$width-fraction: to-fraction-from-percentage($width-percentage);
+	$approximate-width-percentage: number-approximate-low($width-percentage);
+
+	@if is-round($approximate-width-percentage)
+	{
+		#{ select-class(width $approximate-width-percentage) },
+		#{ select-class(width $width-fraction) }
+		{
+			@include set-width($approximate-width-percentage);
+		}
+	}
+	@else
+	{
+		#{ select-class(width $width-fraction) }
+		{
+			@include set-width($approximate-width-percentage);
+		}
+	}
+}
+
+@mixin define-fixed-width($width)
+{
+	#{ select-class(width $width) }
+	{
+		@include set-width($width);
+	}
+}
+
+@mixin define-widths($widths)
+{
+	@each $width in list-series($widths)
+	{
+		@include define-width($width);
+	}
+}

data/app/assets/stylesheets/dashy/define/column/_count.scss

@@ -0,0 +1,15 @@
+@mixin define-column-count($count)
+{
+	#{ select-class(column-count $count) }
+	{
+		@include set-column-count($count);
+	}
+}
+
+@mixin define-column-counts($counts)
+{
+	@each $count in list-series($counts)
+	{
+		@include define-column-count($count);
+	}
+}

data/app/assets/stylesheets/dashy/define/column/_fill.scss

@@ -0,0 +1,15 @@
+@mixin define-column-fill($fill)
+{
+	#{ select-class(column-fill $fill) }
+	{
+		@include set-column-fill($fill);
+	}
+}
+
+@mixin define-column-fills($fills)
+{
+	@each $fill in $fills
+	{
+		@include define-column-fill($fill);
+	}
+}

data/app/assets/stylesheets/dashy/define/column/_gap.scss

@@ -0,0 +1,15 @@
+@mixin define-column-gap($gap)
+{
+	#{ select-class(column-gap $gap) }
+	{
+		@include set-column-gap($gap);
+	}
+}
+
+@mixin define-column-gaps($gaps)
+{
+	@each $gap in $gaps
+	{
+		@include define-column-gap($gap);
+	}
+}

data/app/assets/stylesheets/dashy/define/column/break/_inside.scss

@@ -0,0 +1,15 @@
+@mixin define-column-break-inside($break)
+{
+	#{ select-class(column-break-inside $break) }
+	{
+		@include set-column-break-inside($break);
+	}
+}
+
+@mixin define-column-break-insides($breaks)
+{
+	@each $break in $breaks
+	{
+		@include define-column-break-inside($break);
+	}
+}

data/app/assets/stylesheets/dashy/define/font/_size.scss

@@ -0,0 +1,15 @@
+@mixin define-font-size($size)
+{
+	#{ select-class(font-size $size) }, #{ select-class(font $size) }
+	{
+		@include set-font-size($size);
+	}
+}
+
+@mixin define-font-sizes($sizes)
+{
+	@each $size in list-series($sizes)
+	{
+		@include define-font-size($size);
+	}
+}

data/app/assets/stylesheets/dashy/define/font/_style.scss

@@ -0,0 +1,15 @@
+@mixin define-font-style($style)
+{
+	#{ select-class(font-style $style) }, #{ select-class(font $style) }
+	{
+		@include set-font-style($style);
+	}
+}
+
+@mixin define-font-styles($styles: $all-font-styles)
+{
+	@each $style in $styles
+	{
+		@include define-font-style($style);
+	}
+}

data/app/assets/stylesheets/dashy/define/font/_weight.scss

@@ -0,0 +1,15 @@
+@mixin define-font-weight($weight)
+{
+	#{ select-class(font-weight $weight) }, #{ select-class(font $weight) }
+	{
+		@include set-font-weight($weight);
+	}
+}
+
+@mixin define-font-weights($weights)
+{
+	@each $weight in list-series($weights)
+	{
+		@include define-font-weight($weight);
+	}
+}

data/app/assets/stylesheets/dashy/define/line/_height.scss

@@ -0,0 +1,17 @@
+@mixin define-line-height($height)
+{
+	$approximate-height: number-approximate($height);
+
+	#{ select-class(line-height $approximate-height) }, #{ select-class(line $approximate-height) }
+	{
+		@include set-line-height($height);
+	}
+}
+
+@mixin define-line-heights($heights)
+{
+	@each $height in list-series($heights)
+	{
+		@include define-line-height($height);
+	}
+}

data/app/assets/stylesheets/dashy/define/max/_height.scss

@@ -0,0 +1,15 @@
+@mixin define-max-height($height)
+{
+	#{ select-class(max-height $height) }
+	{
+		@include set-max-height($height);
+	}
+}
+
+@mixin define-max-heights($heights)
+{
+	@each $height in list-series($heights)
+	{
+		@include define-max-height($height);
+	}
+}

data/app/assets/stylesheets/dashy/define/max/_width.scss

@@ -0,0 +1,15 @@
+@mixin define-max-width($width)
+{
+	#{ select-class(max-width $width) }
+	{
+		@include set-max-width($width);
+	}
+}
+
+@mixin define-max-widths($widths)
+{
+	@each $width in list-series($widths)
+	{
+		@include define-max-width($width);
+	}
+}

data/app/assets/stylesheets/dashy/define/min/_height.scss

@@ -0,0 +1,15 @@
+@mixin define-min-height($height)
+{
+	#{ select-class(min-height $height) }
+	{
+		@include set-min-height($height);
+	}
+}
+
+@mixin define-min-heights($heights)
+{
+	@each $height in list-series($heights)
+	{
+		@include define-min-height($height);
+	}
+}

data/app/assets/stylesheets/dashy/define/min/_width.scss

@@ -0,0 +1,15 @@
+@mixin define-min-width($width)
+{
+	#{ select-class(min-width $width) }
+	{
+		@include set-min-width($width);
+	}
+}
+
+@mixin define-min-widths($widths)
+{
+	@each $width in list-series($widths)
+	{
+		@include define-min-width($width);
+	}
+}

data/app/assets/stylesheets/dashy/define/text/_align.scss

@@ -0,0 +1,15 @@
+@mixin define-text-align($align)
+{
+	#{ select-class(text-align $align) }, #{ select-class(text $align) }, #{ select-class(align $align) }
+	{
+		@include set-text-align($align);
+	}
+}
+
+@mixin define-text-aligns($aligns: $all-text-aligns)
+{
+	@each $align in $aligns
+	{
+		@include define-text-align($align);
+	}
+}

data/app/assets/stylesheets/dashy/define/text/_color.scss

@@ -0,0 +1,15 @@
+@mixin define-text-color($color)
+{
+	#{ select-class(text-color $color) }, #{ select-class(text $color) }
+	{
+		@include set-text-color($color);
+	}
+}
+
+@mixin define-text-colors($colors)
+{
+	@each $color in $colors
+	{
+		@include define-text-color($color);
+	}
+}

data/app/assets/stylesheets/dashy/define/text/_decoration.scss

@@ -0,0 +1,15 @@
+@mixin define-text-decoration($decoration)
+{
+	#{ select-class(text-decoration $decoration) }, #{ select-class(text $decoration) }
+	{
+		@include set-text-decoration($decoration);
+	}
+}
+
+@mixin define-text-decorations($decorations: $all-text-decorations)
+{
+	@each $decoration in $decorations
+	{
+		@include define-text-decoration($decoration);
+	}
+}

data/app/assets/stylesheets/dashy/define/text/_transform.scss

@@ -0,0 +1,15 @@
+@mixin define-text-transform($transform)
+{
+	#{ select-class(text-transform $transform) }, #{ select-class(text $transform) }
+	{
+		@include set-text-transform($transform);
+	}
+}
+
+@mixin define-text-transforms($transforms: $all-text-transforms)
+{
+	@each $transform in $transforms
+	{
+		@include define-text-transform($transform);
+	}
+}

data/app/assets/stylesheets/dashy/define/vertical/_align.scss

@@ -0,0 +1,15 @@
+@mixin define-vertical-align($align)
+{
+	#{ select-class(vertical-align $align) }, #{ select-class(vertical $align) }, #{ select-class(align $align) }
+	{
+		@include set-vertical-align($align);
+	}
+}
+
+@mixin define-vertical-aligns($aligns: $all-vertical-aligns)
+{
+	@each $align in $aligns
+	{
+		@include define-vertical-align($align);
+	}
+}

data/app/assets/stylesheets/dashy/get/_direction.scss

@@ -0,0 +1,6 @@
+$get-direction-of-side: (top: up, left: left, right: right, bottom: down);
+
+@function get-direction-of-side($side)
+{
+    @return map-get($get-direction-of-side, $side);
+}

data/app/assets/stylesheets/dashy/get/_side.scss

@@ -0,0 +1,11 @@
+$get-side-in-direction: (up: top, down: bottom, left: left, right: right);
+
+@function get-side-in-direction($direction)
+{
+    @return map-get($get-side-in-direction, $direction);
+}
+
+@function get-side-in-opposite-direction($direction)
+{
+    @return get-side-in-direction(get-opposite-direction($direction));
+}

data/app/assets/stylesheets/dashy/get/opposite/_corner.scss

@@ -0,0 +1,6 @@
+$get-opposite-corner: (top-left: bottom-right, bottom-right: top-left, top-right: bottom-left, bottom-left: top-right);
+
+@function get-opposite-corner($corner)
+{
+    @return map-get($get-opposite-corner, $corner);
+}

data/app/assets/stylesheets/dashy/get/opposite/_direction.scss

@@ -0,0 +1,6 @@
+$get-opposite-direction: (up: down, down: up, left: right, right: left);
+
+@function get-opposite-direction($direction)
+{
+    @return map-get($get-opposite-direction, $direction);
+}

data/app/assets/stylesheets/dashy/get/opposite/_side.scss

@@ -0,0 +1,6 @@
+$get-opposite-side: (top: bottom, bottom: top, left: right, right: left);
+
+@function get-opposite-side($side)
+{
+    @return map-get($get-opposite-side, $side);
+}

data/app/assets/stylesheets/dashy/initialize/_pull.scss

@@ -0,0 +1,14 @@
+$initialize-pull: true;
+
+@mixin initialize-pull
+{
+	@if $initialize-pull
+	{
+		$initialize-pull: false !global;
+		
+		#{ select-class-prefix(pull-) }
+		{
+		    @include set-position(relative);
+		}
+	}
+}

data/app/assets/stylesheets/dashy/initialize/_push.scss

@@ -0,0 +1,14 @@
+$initialize-push: true;
+
+@mixin initialize-push
+{
+	@if $initialize-push
+	{
+		$initialize-push: false !global;
+		
+		#{ select-class-prefix(push-) }
+		{
+		    @include set-position(relative);
+		}
+	}
+}

data/app/assets/stylesheets/dashy/is/_blank.scss

@@ -0,0 +1,5 @@
+@function is-blank($val)
+{
+    @if is-string($val) { @return $val == ""; }
+    @return false;
+}

data/app/assets/stylesheets/dashy/is/_boolean.scss

@@ -0,0 +1,4 @@
+@function is-boolean($val)
+{
+    @return type-of($val) == bool;
+}

data/app/assets/stylesheets/dashy/is/_color.scss

@@ -0,0 +1,4 @@
+@function is-color($val)
+{
+    @return type-of($val) == color;
+}

data/app/assets/stylesheets/dashy/is/_em.scss

@@ -0,0 +1,4 @@
+@function is-em($val)
+{
+    @return is-unit(em, $val);
+}

data/app/assets/stylesheets/dashy/is/_empty.scss

@@ -0,0 +1,5 @@
+@function is-empty($val)
+{
+    @if is-list($val) { @return list-length($val) == 0; }
+    @return false;
+}

data/app/assets/stylesheets/dashy/is/_ex.scss

@@ -0,0 +1,4 @@
+@function is-ex($val)
+{
+    @return is-unit(ex, $val);
+}

data/app/assets/stylesheets/dashy/is/_list.scss

@@ -0,0 +1,4 @@
+@function is-list($val)
+{
+    @return type-of($val) == list;
+}

data/app/assets/stylesheets/dashy/is/_nothing.scss

@@ -0,0 +1,4 @@
+@function is-nothing($val)
+{
+    @return is-null($val) or is-blank($val) or is-empty($val);
+}

data/app/assets/stylesheets/dashy/is/_null.scss

@@ -0,0 +1,4 @@
+@function is-null($val)
+{
+    @return null == $val;
+}

data/app/assets/stylesheets/dashy/is/_number.scss

@@ -0,0 +1,4 @@
+@function is-number($val)
+{
+    @return type-of($val) == number;
+}

data/app/assets/stylesheets/dashy/is/_percentage.scss

@@ -0,0 +1,4 @@
+@function is-percentage($val)
+{
+    @return is-unit("%", $val);
+}

data/app/assets/stylesheets/dashy/is/_px.scss

@@ -0,0 +1,4 @@
+@function is-px($val)
+{
+    @return is-unit(px, $val);
+}

data/app/assets/stylesheets/dashy/is/_rem.scss

@@ -0,0 +1,4 @@
+@function is-rem($val)
+{
+    @return is-unit(rem, $val);
+}

data/app/assets/stylesheets/dashy/is/_round.scss

@@ -0,0 +1,4 @@
+@function is-round($number)
+{
+	@return round($number) == $number;
+}

data/app/assets/stylesheets/dashy/is/_something.scss

@@ -0,0 +1,4 @@
+@function is-something($val)
+{
+    @return not is-nothing($val);
+}

data/app/assets/stylesheets/dashy/is/_string.scss

@@ -0,0 +1,4 @@
+@function is-string($val)
+{
+    @return type-of($val) == string;
+}

data/app/assets/stylesheets/dashy/is/_unit.scss

@@ -0,0 +1,4 @@
+@function is-unit($unit, $val)
+{
+    @return is-number($val) and $unit == unit($val);
+}

data/app/assets/stylesheets/dashy/is/_unitful.scss

@@ -0,0 +1,4 @@
+@function is-unitful($val)
+{
+    @return is-number($val) and not is-blank(unit($val));
+}

data/app/assets/stylesheets/dashy/is/_unitless.scss

@@ -0,0 +1,4 @@
+@function is-unitless($val)
+{
+    @return is-number($val) and unitless($val);
+}

data/app/assets/stylesheets/dashy/list/_append.scss

@@ -0,0 +1,4 @@
+@function list-append($list, $value, $separator:comma)
+{
+    @return append($list, $value, $separator);
+}

data/app/assets/stylesheets/dashy/list/_first.scss

@@ -0,0 +1,4 @@
+@function list-first($list)
+{
+	@return list-nth($list, 1);
+}

data/app/assets/stylesheets/dashy/list/_last.scss

@@ -0,0 +1,4 @@
+@function list-last($list)
+{
+    @return list-nth($list, list-length($list));
+}

data/app/assets/stylesheets/dashy/list/_length.scss

@@ -0,0 +1,4 @@
+@function list-length($list)
+{
+    @return length($list);
+}

data/app/assets/stylesheets/dashy/list/_nth.scss

@@ -0,0 +1,5 @@
+@function list-nth($list, $index)
+{
+	@if list-length($list) < $i { @return null; }
+    @return nth($list, $index);
+}