dashy 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7c08b11379b7751916a6e456a4e7c435ef52c998
-  data.tar.gz: 40e2f13a9566ab716975a357d6a8b2dce5bfc0a3
+  metadata.gz: 3914515b02fbf7aa131162a0c991be970d1fcd93
+  data.tar.gz: f94b80d3e3e229ed6a66c171911b09887deb4e0f
 SHA512:
-  metadata.gz: 82451fa0a98c000f3e4427df0e6f937f36d21e422f5f3cf1774b54f3ca2aebd22a9104ca4803cadec59a3aa43a420b28f51f3045492a956710b87489ccebae3c
-  data.tar.gz: f0e7fd2f26d29801eb65e58603dd7ccb6e6a45359d3a256d2f8f0135a313db82f6a1d019732a2a2647b346ff6a59d313b44ac4e18b3350bb7c481ceb40117d8c
+  metadata.gz: 0ec3851b693a8234244da6f7bed18be44b6802002c0f2b924f32989875070aa6080ae479ac86798b613c5be7ba8827c706b7ee6659a4733f221631d56137e9dd
+  data.tar.gz: aae2305d5518c04a2a564ea76e44feb83a9dbb86c0a95deaf1b8077e0bc9da4cdb97fc797efc6d0dc343c58f47fcbb6d8ecb07354822e63024f27760cde6111a

data/app/assets/stylesheets/_dashy.scss

@@ -1,14 +1 @@
-@import "dashy/color";
-@import "dashy/corner";
-@import "dashy/default";
-@import "dashy/define";
-@import "dashy/direction";
-@import "dashy/font-family";
-@import "dashy/is";
-@import "dashy/line-height";
-@import "dashy/list";
-@import "dashy/number";
-@import "dashy/opposite";
-@import "dashy/select";
-@import "dashy/set";
-@import "dashy/side";
+@import "dashy/**/*";

data/app/assets/stylesheets/dashy/_select.scss

@@ -1,124 +1,6 @@
-@function select-buttons($button: '*')
-{
-    @return select-either(
-        select-as-children('ol.buttons' $button),
-        select('a.button' $button),
-        select(button $button),
-        select('input[type=submit]' $button)
-    );
-}
-
-@function select-inputs($input: '*')
-{
-    @return select-either(select(input $input), select(textarea $input));
-}
-
-@function select-text-inputs($input: '*')
-{
-    @return select-either(select(('input[type=text]', 'input[type=password]') $input), select(textarea $input));
-}
-
-@function select-headings($heading: '*')
-{
-    @return select-either(select-main-headings($heading), select-subheadings($heading));
-}
-
-@function select-main-headings($heading: '*')
-{
-    @return select(h1 $heading);
-}
-
-@function select-subheadings($heading: '*')
-{
-    @return select-either(select(h2 $heading),
-                          select(h3 $heading),
-                          select(h4 $heading),
-                          select(h5 $heading),
-                          select(h6 $heading));
-}
-
-@function select-lists($list:'*')
-{
-    @return select((ul, ol) $list);
-}
-
-@function select-list-items($list-items:'*')
-{
-    @return select-lists-items('*', $list-items);
-}
-
-@function select-lists-items($list:'*', $items:'*')
-{
-    @return select($list select-children(select(li $items)));
-}
-
-@function select-tables($table:'*')
-{
-    @return select(table $table);
-}
-
-@function select-table-groups($group:'*')
-{
-    @return select((thead, tbody, tfoot) $group);
-}
-
-@function select-tabloids($tabloid:'*')
-{
-    @return select-either(select-tables($tabloid), select-table-groups($tabloid));
-}
-
-@function select-tabloids-rows($tabloid:'*', $row:'*')
-{
-    @return select-either(select-as('>', select-table-groups($tabloid) $row),
-                                                select-as('>', select-tables($tabloid) '*' $row));
-}
-
-@function select-table-groups-rows($table-group:'*', $row:'*')
-{
-    @return select-as('>', $table-group select(tr, $row));
-}
-
-@function select-tabloids-rows-cells($tabloid:'*', $row:'*', $cell:'*')
-{
-    @return select-as('>', select-tabloids-rows($tabloid, $row) $cell);
-}
-
-@function select-table-groups-rows-cells($table-group:'*', $row:'*', $cell:'*')
-{
-    @return select-as('>', select-table-groups-rows($table-group, $row) $cell);
-}
-
-@function select-table-rows($row:'*')
-{
-    @return select(tr $row);
-}
-
-@function select-table-cells($cell:'*')
-{
-    @return select((th, td) $cell);
-}
+@import "./select/*";
 
-// select-grids ///////////////////////////////////////////////////////////////////////////////////
-//
-@function select-grids($grid:'*', $gutter-width:'', $gutter-height-ratio:'')
+@mixin select($selector)
 {
-    @if is($gutter-width)        and default != $gutter-width        { $grid: select($grid select-class(gutter-width        $gutter-width)); }
-    @if is($gutter-height-ratio) and default != $gutter-height-ratio { $grid: select($grid select-class(gutter-height-ratio $gutter-height-ratio)); }
-    @return select($grid, '.grid');
+    #{ $selector } { @content; }
 }
-
-// select-grid-cells //////////////////////////////////////////////////////////////////////////////
-//
-@function select-grid-cells($cell:'*', $span:'', $columns:'')
-{
-    @return select-grids-cells('*', $cell, $span:$span, $columns:$columns);
-}
-
-// select-grids-cells /////////////////////////////////////////////////////////////////////////////
-//
-@function select-grids-cells($grid:'*', $cell:'*', $gutter-width:'', $gutter-height-ratio:'', $span:'', $columns:'')
-{
-    @if is($span) and default != $span { $cell: select(select-parameter(grid-cell, width, $span + '/' + $columns), $cell); }
-    @return select-as-children(select-grids($grid, $gutter-width, $gutter-height-ratio) $cell);
-}
-

data/app/assets/stylesheets/dashy/_set.scss

@@ -1,79 +1,6 @@
-@mixin set-box-shadow($parameters)
+@mixin set($attribute, $value)
 {
-    -webkit-box-shadow: $parameters;
-       -moz-box-shadow: $parameters;
-            box-shadow: $parameters;
+    #{ $attribute }: $value;
 }
 
-@mixin set-border-radius($corners)
-{
-    -webkit-border-radius: $corners; 
-       -moz-border-radius: $corners; 
-            border-radius: $corners; 
-}
-
-@mixin set-box-sizing($prefix)
-{
-    -webkit-box-sizing: #{ $prefix }-box;
-       -moz-box-sizing: #{ $prefix }-box;
-            box-sizing: #{ $prefix }-box;
-}
-
-@mixin set-min-height($height:100%)
-{
-    min-height:$height; height:auto!important; height:$height;
-}
-
-@mixin set-max-width($width)
-{
-    max-width:$width;
-}
-
-@mixin set-display($value)
-{
-    display:$value; @if $value == inline-block { *display:inline; zoom:1; }
-}
-
-@mixin set-keyframes($name)
-{
-    @-webkit-keyframes #{ $name } { @content; }
-       @-moz-keyframes #{ $name } { @content; }
-         @-o-keyframes #{ $name } { @content; }
-            @keyframes #{ $name } { @content; }
-}
-
-@mixin set-transition($arguments...)
-{
-    @if 1 == length($arguments)
-    {
-        -webkit-transition: $arguments;
-           -moz-transition: $arguments;
-             -o-transition: $arguments;
-                transition: $arguments;
-    }
-}
-
-@mixin animation($arguments...)
-{
-    @if 1 == length($arguments)
-    {
-        -webkit-animation: $arguments;
-           -moz-animation: $arguments;
-             -o-animation: $arguments;
-                animation: $arguments;
-    }
-}
-
-@mixin set-border-radius($arguments...)
-{
-    -webkit-border-radius: $arguments;
-       -moz-border-radius: $arguments;
-            border-radius: $arguments;
-}
-
-@mixin set-inner-box-shadow($arguments)
-{
-    -webkit-box-shadow: inset $arguments;
-       -moz-box-shadow: inset $arguments;
-            box-shadow: inset $arguments;
-}
+@import "./set/*";

data/app/assets/stylesheets/dashy/all/_clears.scss

@@ -0,0 +1 @@
+$all-clears: both left right content;

data/app/assets/stylesheets/dashy/all/_corners.scss

@@ -0,0 +1 @@
+$all-corners: top-left top-right bottom-right bottom-left;

data/app/assets/stylesheets/dashy/all/_dimensions.scss

@@ -0,0 +1 @@
+$all-dimensions: width height;

data/app/assets/stylesheets/dashy/all/_directions.scss

@@ -0,0 +1 @@
+$all-directions: up down left right;

data/app/assets/stylesheets/dashy/all/_displays.scss

@@ -0,0 +1 @@
+$all-displays: inline inline-block block tabular; // TODO: expand...

data/app/assets/stylesheets/dashy/all/_orientations.scss

@@ -0,0 +1 @@
+$all-orientations: horizontal vertical;

data/app/assets/stylesheets/dashy/all/_overflows.scss

@@ -0,0 +1 @@
+$all-overflows: visible hidden scroll auto;

data/app/assets/stylesheets/dashy/all/_positions.scss

@@ -0,0 +1 @@
+$all-positions: static fixed relative absolute;

data/app/assets/stylesheets/dashy/all/_sides.scss

@@ -0,0 +1,2 @@
+$all-sides: top left right bottom;
+

data/app/assets/stylesheets/dashy/all/font/_styles.scss

@@ -0,0 +1 @@
+$all-font-styles: normal italic oblique;

data/app/assets/stylesheets/dashy/all/font/_weights.scss

@@ -0,0 +1 @@
+$all-font-weights: 100 200 300 400 500 600 700;

data/app/assets/stylesheets/dashy/all/horizontal/_dimensions.scss

@@ -0,0 +1 @@
+$all-horizontal-dimensions: width;

data/app/assets/stylesheets/dashy/all/horizontal/_directions.scss

@@ -0,0 +1 @@
+$all-horizontal-directions: up down;

data/app/assets/stylesheets/dashy/all/horizontal/_sides.scss

@@ -0,0 +1 @@
+$all-horizontal-sides: left right;

data/app/assets/stylesheets/dashy/all/text/_aligns.scss

@@ -0,0 +1 @@
+$all-text-aligns: left center right; // TODO: expand...

data/app/assets/stylesheets/dashy/all/text/_decorations.scss

@@ -0,0 +1 @@
+$all-text-decorations: none overline underline line-through;

data/app/assets/stylesheets/dashy/all/text/_inputs.scss

@@ -0,0 +1 @@
+$all-text-inputs: email tel text password;

data/app/assets/stylesheets/dashy/all/text/_transforms.scss

@@ -0,0 +1 @@
+$all-text-transforms: lowercase uppercase capitalize;

data/app/assets/stylesheets/dashy/all/vertical/_aligns.scss

@@ -0,0 +1 @@
+$all-vertical-aligns: top middle baseline bottom;

data/app/assets/stylesheets/dashy/all/vertical/_dimensions.scss

@@ -0,0 +1 @@
+$all-vertical-dimensions: height;

data/app/assets/stylesheets/dashy/all/vertical/_directions.scss

@@ -0,0 +1 @@
+$all-vertical-directions: left right;

data/app/assets/stylesheets/dashy/all/vertical/_sides.scss

@@ -0,0 +1 @@
+$all-vertical-sides: top bottom;

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

@@ -0,0 +1 @@
+$default-font-size: 16px !default;

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

@@ -0,0 +1 @@
+$default-line-height: 1.618 !default;

data/app/assets/stylesheets/dashy/default/page/_width.scss

@@ -0,0 +1 @@
+$default-page-width: 840px !default;

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

@@ -0,0 +1 @@
+$default-text-align: left !default;

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

@@ -0,0 +1 @@
+$default-vertical-align: top !default;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+@mixin define-float($side)
+{
+	#{ select-class(float $side) }
+	{
+		@include set-float($side);
+	}
+}
+
+@mixin define-floats($sides: $all-horizontal-sides)
+{
+	@each $side in $sides
+	{
+		@include define-float($side);
+	}
+}

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

@@ -0,0 +1,21 @@
+$define-gutter-dimensions-sides: (width: left, height: top);
+
+@mixin define-gutter($dimension, $amount)
+{
+	$side: map-get($define-gutter-dimensions-sides, $dimension);
+
+	#{ select-class(gutter $dimension $amount) },
+	#{ select(select-class(to-orientation($dimension)), select-class(gutter $amount)) }
+	{
+		@include set-margin($side, - $amount);
+		> * { @include set-padding($side, $amount); }
+	}
+}
+
+@mixin define-gutters($dimensions, $amounts)
+{
+	@each $dimension in $dimensions { @each $amount in list-series($amounts)
+	{
+		@include define-gutter($dimension, $amount);
+	}}
+}

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

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

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

@@ -0,0 +1,15 @@
+@mixin define-inner($side)
+{
+	.inner-fill, #{ select-class(inner $side) }
+	{
+		@include set-inner($side);
+	}
+}
+
+@mixin define-inners($sides: $all-sides)
+{
+	@each $side in $sides
+	{
+		@include define-inner($side);
+	}
+}

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

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

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

@@ -0,0 +1,15 @@
+@mixin define-outer($side)
+{
+	#{ select-class(outer $side) }
+	{
+		@include set-outer($side);
+	}
+}
+
+@mixin define-outers($sides: $all-sides)
+{
+	@each $side in $sides
+	{
+		@include define-outer($side);
+	}
+}

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

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

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

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

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

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