uniform-ui 3.0.0.beta2 → 3.0.0.beta10

data/lib/assets/stylesheets/uniform/functions/icons.scss

@@ -0,0 +1,29 @@
+@import 'uniform/functions/string';
+
+@function uri-encode($svg) {
+    $encoded: '';
+    $slice: 2000;
+    $index: 0;
+    $loops: ceil(str-length($svg) / $slice);
+
+    @for $i from 1 through $loops {
+        $chunk: str-slice($svg, $index, $index + $slice - 1);
+        $chunk: str-replace($chunk, '"', "'");
+        $chunk: str-replace($chunk, '<', '%3C');
+        $chunk: str-replace($chunk, '>', '%3E');
+        $chunk: str-replace($chunk, '&', '%26');
+        $chunk: str-replace($chunk, '#', '%23');
+        $encoded: #{$encoded}#{$chunk};
+        $index: $index + $slice;
+    }
+
+    @return $encoded;
+}
+
+@function svg-encode ($svg) {
+    @return url("data:image/svg+xml;charset=utf8,#{uri-encode($svg)}");
+}
+
+@function icon-check($color: #000000){
+    @return svg-encode('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><path d="M28.998 8.531l-2.134-2.134c-0.394-0.393-1.030-0.393-1.423 0l-12.795 12.795-6.086-6.13c-0.393-0.393-1.029-0.393-1.423 0l-2.134 2.134c-0.393 0.394-0.393 1.030 0 1.423l8.924 8.984c0.393 0.393 1.030 0.393 1.423 0l15.648-15.649c0.393-0.392 0.393-1.030 0-1.423z" fill="#{$color}"></path></svg>');
+}

data/lib/assets/stylesheets/uniform/functions/map.scss

@@ -0,0 +1,95 @@
+@function get($map, $keys...) {
+    @each $key in $keys {
+        $map: map-get($map, $key);
+    }
+    @return $map;
+}
+
+@function set($map, $keys...) {
+    $maps: ($map,);
+    $result: null;
+    
+    @if length($keys) == 1 {
+        @error "Not enought key arguments";
+    } @else if length($keys) == 2 {
+        @return map-merge($map, (nth($keys, 1): nth($keys, 2)));
+    }
+    
+    @for $i from 1 through length($keys) - 2 {
+        $key: nth($keys, $i);
+        $map: nth($maps, -1);
+        @debug $map;
+        $value: get($map, $key);
+        @if type-of($value) != 'map' {
+            $value: ();
+        }
+        $maps: append($maps, $value);
+    }
+    
+    @for $i from length($maps) through 1 {
+        $map: nth($maps, $i);
+        $key: nth($keys, $i);
+        $value: if($i == length($maps), nth($keys, -1), $result);
+        $result: map-merge($map, ($key: $value));
+    }
+    
+    @return $result;
+}
+
+@function merge($maps...) {
+    $target: ();
+    @each $map in $maps {
+        @each $key, $value in $map {
+            $current: get($target, $key);
+            @if type-of($value) == 'map' and type-of($current) == "map" {
+                $target: set($target, $key, merge($current, $value))
+            } @else {
+                $target: set($target, $key, $value);
+            }
+        }
+    }
+    @return $target;
+}
+
+@function purge($map) {
+    $target: $map;
+    @each $key, $value in $map {
+        @if type-of($value) == "map" {
+            $target: set($map, $key, purge($value))
+        } @else if $value == false OR $value == "false" {
+            $target: map-remove($map, $key);
+        }
+    }
+    @return $target;
+}
+
+@function mapToString($map) {
+    $string: '"';
+    
+    @each $key, $value in $map {
+        @if type-of($value) == "string" {
+            $string: str-insert($string, $key, -1);
+            $string: str-insert($string, "/", -1);
+            $string: str-insert($string, $value, -1);
+            $string: str-insert($string, ",", -1);
+        }
+    }
+    $string: str-slice($string, 1, -2);
+    $string: str-insert($string, '"', -1);
+    
+    @return $string;
+}
+
+@function mapToJSON($map) {
+    $string: '';
+    
+    @each $key, $value in $map {
+        @if type-of($value) == "map" {
+            $string: str-insert($string, "\"#{$key}\": #{mapToJSON($value)},", -1);
+        } @else {
+            $string: str-insert($string, "\"#{$key}\": \"#{$value}\",", -1);
+        }
+    }
+    
+    @return "{#{str-slice($string, 0, -2)}}";
+}

data/lib/assets/stylesheets/uniform/functions/string.scss

@@ -0,0 +1,15 @@
+/// Replace `$search` with `$replace` in `$string`
+/// @author Hugo Giraudel
+/// @param {String} $string - Initial string
+/// @param {String} $search - Substring to replace
+/// @param {String} $replace ('') - New value
+/// @return {String} - Updated string
+@function str-replace($string, $search, $replace: '') {
+    $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;
+}

data/lib/assets/stylesheets/uniform/functions.scss

@@ -1,86 +1,11 @@
+@import 'uniform/functions/map';
+
 @function toRGB($color){
     @return red($color), green($color), blue($color);
 }
 @function color($key) {
-    @return map-get($color_spectrum, $key);
+    @return get($uniform_configs, 'colors', $key);
 }
 @function size($key) {
-    @return map-get($sizes, $key);
-}
-
-@function mapToString($map) {
-    $string: '"';
-    
-    @each $key, $value in $map {
-        $string: str-insert($string, $key, -1);
-        $string: str-insert($string, "/", -1);
-        $string: str-insert($string, $value, -1);
-        $string: str-insert($string, ",", -1);
-    }
-    $string: str-slice($string, 1, -2);
-    $string: str-insert($string, '"', -1);
-    
-    @return $string;
-}
-
-//----------------------------------------------------------------
-//             Icons
-//----------------------------------------------------------------
-
-
-
-/// Replace `$search` with `$replace` in `$string`
-/// @author Hugo Giraudel
-/// @param {String} $string - Initial string
-/// @param {String} $search - Substring to replace
-/// @param {String} $replace ('') - New value
-/// @return {String} - Updated string
-@function str-replace($string, $search, $replace: '') {
-    $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;
-}
-
-@function uri-encode($svg) {
-    $encoded: '';
-    $slice: 2000;
-    $index: 0;
-    $loops: ceil(str-length($svg) / $slice);
-
-    @for $i from 1 through $loops {
-        $chunk: str-slice($svg, $index, $index + $slice - 1);
-        $chunk: str-replace($chunk, '"', "'");
-        $chunk: str-replace($chunk, '<', '%3C');
-        $chunk: str-replace($chunk, '>', '%3E');
-        $chunk: str-replace($chunk, '&', '%26');
-        $chunk: str-replace($chunk, '#', '%23');
-        $encoded: #{$encoded}#{$chunk};
-        $index: $index + $slice;
-    }
-
-    @return $encoded;
-}
-
-@function svg-encode ($svg) {
-    @return url("data:image/svg+xml;charset=utf8,#{uri-encode($svg)}");
-}
-
-@function icon-check($color: #000000){
-    @return svg-encode('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"><path d="M28.998 8.531l-2.134-2.134c-0.394-0.393-1.030-0.393-1.423 0l-12.795 12.795-6.086-6.13c-0.393-0.393-1.029-0.393-1.423 0l-2.134 2.134c-0.393 0.394-0.393 1.030 0 1.423l8.924 8.984c0.393 0.393 1.030 0.393 1.423 0l15.648-15.649c0.393-0.392 0.393-1.030 0-1.423z" fill="#{$color}"></path></svg>');
-}
-
-@function icon-x($size: 32, $color: #000000){
-    @return svg-encode('<svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="#{$size}px" height="#{$size}px" viewBox="0 0 64 64" xml:space="preserve" fill="#{$color}"><g><rect x="-2.352" y="29.385" transform="matrix(0.7071 0.7071 -0.7071 0.7071 32.3545 -14.3899)" width="71.799" height="4.95"/></g><g><rect x="-2.374" y="29.376" transform="matrix(0.7071 -0.7071 0.7071 0.7071 -12.7023 33.0352)" width="71.799" height="4.95"/></g></svg>');
-}
-
-@function icon-circle($width: 2, $height: 2, $radius: 1, $color: #000000){
-    @return svg-encode('<svg version="1.0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="#{$width}px" height="#{$height}px" viewBox="0 0 #{$width} #{$height}" enable-background="new 0 0 #{$width} #{$height}" xml:space="preserve"><circle cx="#{$width / 2}" cy="#{$height / 2}" r="#{$radius}" fill="#{$color}"/></svg>');
-}
-
-@function icon-x-block($size: 32, $color: #000000){
-    @return svg-encode('<svg width="#{$size}px" height="#{$size}px"  fill="#{$color}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"	 viewBox="0 0 10.5 10.5" style="enable-background:new 0 0 10.5 10.5;" xml:space="preserve"><path d="M8.1,1.3C8.4,1,8.9,1,9.2,1.3c0,0,0,0,0,0c0.3,0.3,0.3,0.8,0,1.1L2.4,9.3c-0.3,0.3-0.8,0.3-1.1,0S1,8.4,1.3,8.1L8.1,1.3z"/><path d="M9.2,8.1c0.3,0.3,0.4,0.8,0.1,1.1c0,0,0,0,0,0l0,0c-0.3,0.3-0.8,0.3-1.1,0L1.3,2.4C1,2.1,0.9,1.6,1.3,1.3c0,0,0,0,0,0l0,0	C1.6,1,2.1,1,2.4,1.3L9.2,8.1z"/></svg>');
+    @return get($uniform_configs, 'sizes', $key);
 }

data/lib/assets/stylesheets/uniform/mixins.scss

@@ -1,4 +1,5 @@
-@import 'uniform/variables';
+@import 'uniform/config';
+@import 'uniform/functions/map';
 
 @mixin text-overflow($inherit:false){
     @if $inherit {
@@ -36,7 +37,7 @@
 }
 
 @mixin breakpoint($breakpoint){
-    @media only screen and (map-get($breakpoints, $breakpoint)){
+    @media only screen and (get($uniform_configs, 'breakpoints', $breakpoint)){
         @content;
     }
 }
@@ -49,19 +50,19 @@
     .#{$selector}{
         @content
     }
-    @if $include_child_utilities {
+    @if get($uniform_configs, 'breakpoints', 'include_containers') {
         @include child-rule($selector) {
             @content
         }
     }
     
-    @each $breakpoint, $breakpoint_query in $breakpoints {
+    @each $breakpoint, $breakpoint_query in map-get($uniform_configs, 'breakpoints') {
         @include media($breakpoint_query){
             .#{$breakpoint}\:#{$selector}{
                 @content
             }
         }
-        @if $include_breakpoint_container {
+        @if get($uniform_configs, 'breakpoints', 'include_containers') {
             .#{$breakpoint}-container{
                 .#{$breakpoint}\:#{$selector}{
                     @content
@@ -87,7 +88,7 @@
         $selector: str-slice($selector, 2, -1);
     }
     
-    @each $name, $value in $color_spectrum {
+    @each $name, $value in map-get($uniform_configs, 'colors') {
         .#{$selector}-#{$name}{
             @content($value)
         }
@@ -96,10 +97,8 @@
             @content($value)
         }
         
-        @if $include_child_utilities {
-            @include child-rule($selector) {
-                @content($value)
-            }
+        @include combinator-rule("#{$selector}-#{$name}", false){
+            @content($value)
         }
     }
 }
@@ -119,7 +118,7 @@
         $key: str-slice($key, 1, str-index($key, '-') - 1);
     }
     
-    @each $size, $value in map-get($sizes, $key) {
+    @each $size, $value in get($uniform_configs, 'sizes', $key) {
         $class: "#{$selector}-#{$size}";
         @if $size == '' {
             $class: $selector;
@@ -144,26 +143,35 @@
        } 
     }
 
-    @each $pseudo-selector, $pseudo-class in (
-        active: active,
-        focus: focus,
-        hover: hover,
-        checked: checked,
-        focus-within: focus-within,
-        first: first-child,
-        last: last-child
-    ) {
-        @if index($include_pseudo_utilities, $pseudo-class) {
+    @each $pseudo-selector, $pseudo-class in map-get($uniform_configs, 'pseudo_classes') {
+        @if $pseudo-selector == "group-hover" {
+            .group:hover{
+                .group-hover\:#{$selector} {
+                    @content
+                }
+            }
+        } @else {
             .#{$pseudo-selector}\:#{$selector}:#{$pseudo-class} {
                 @content
             }
         }
+        
     }
-    @if index($include_pseudo_utilities, group-hover) {
-        .group:hover{
-            .group-hover\:#{$selector} {
-                @content
-            }
+}
+
+@mixin combinator-rule($selector, $declare_self: true){
+    @if str-index($selector, '.') == 1 {
+        $selector: str-slice($selector, 2, -1);
+    }
+    @if $declare_self {
+       .#{$selector} {
+           @content
+       } 
+    }
+
+    @each $cominator_selector, $combinator in map-get($uniform_configs, 'combinators') {
+        .#{$selector}-#{$cominator_selector} #{$combinator} * {
+            @content
         }
     }
 }

data/lib/assets/stylesheets/uniform/utilities/borders.scss

@@ -31,22 +31,21 @@
 //             Border Radius
 //----------------------------------------------------------------
 @include size-rule('.rounded') using ($size){ border-radius: $size;}
-@include responsive-rule('.rounded') { border-radius: 0.25em;}
-@include responsive-rule('.rounded-top') {
-    border-top-right-radius: 0.25em;
-    border-top-left-radius: 0.25em;
+@include size-rule('.rounded-top') using ($size){
+    border-top-right-radius: $size;
+    border-top-left-radius: $size;
 }
-@include responsive-rule('.rounded-bottom') {
-    border-bottom-right-radius: 0.25em;
-    border-bottom-left-radius: 0.25em;
+@include size-rule('.rounded-bottom') using ($size){
+    border-bottom-right-radius: $size;
+    border-bottom-left-radius: $size;
 }
-@include responsive-rule('.rounded-left') {
-    border-top-left-radius: 0.25em;
-    border-bottom-left-radius: 0.25em;
+@include size-rule('.rounded-left') using ($size){
+    border-top-left-radius: $size;
+    border-bottom-left-radius: $size;
 }
-@include responsive-rule('.rounded-right') {
-    border-top-right-radius: 0.25em;
-    border-bottom-right-radius: 0.25em;
+@include size-rule('.rounded-right') using ($size){
+    border-top-right-radius: $size;
+    border-bottom-right-radius: $size;
 }
 
 @include responsive-rule('.square') { border-radius: 0;}

data/lib/assets/stylesheets/uniform/utilities/effects.scss

@@ -60,6 +60,37 @@
     }
 }
 
+.transition-fade-down,
+.transition-fade-up,
+.transition-fade-left,
+.transition-fade-right {
+    transition: transform 100ms, opacity 100ms;
+    opacity: 1;
+    &.-out {
+        opacity: 0;
+    }
+}
+.transition-fade-down {
+    &.-out {
+        transform: translateY(10px);
+    }
+}
+.transition-fade-up {
+    &.-out {
+        transform: translateY(-10px);
+    }
+}
+.transition-fade-left {
+    &.-out {
+        transform: translateX(10px);
+    }
+}
+.transition-fade-right {
+    &.-out {
+        transform: translateX(-10px);
+    }
+}
+
 
 //----------------------------------------------------------------
 //             Transforms

data/lib/assets/stylesheets/uniform/utilities/layout.scss

@@ -1,23 +1,5 @@
 @import 'uniform/mixins';
 
-//----------------------------------------------------------------
-//             Container
-//----------------------------------------------------------------
-// TODO match this with breakpoints variable, so that breakpoints can change and adjust this
-.container{
-    margin: auto;
-    @include breakpoint('md'){
-        max-width: 720px;
-    }
-    @include breakpoint('lg'){
-        max-width: 1080px;
-    }
-    @include breakpoint('xl'){
-        max-width: 1400px;
-    }
-}
-
-
 //----------------------------------------------------------------
 //             Display
 //----------------------------------------------------------------
@@ -37,8 +19,11 @@
     @include responsive-rule($type){ display: $type; }
 }
 @include responsive-rule('hide'){ display: none; }
+@include pseudo-class-rule('hide', false){ display: none;}
 @include responsive-rule('show'){ display: inherit; }
+@include pseudo-class-rule('show', false){ display: inherit;}
 @include responsive-rule('hide-empty:empty'){ display: none; }
+@include pseudo-class-rule('hide-empty:empty', false){ display: none;}
 
 
 //----------------------------------------------------------------
@@ -62,9 +47,10 @@
 @include responsive-rule('flex-nowrap'){ flex-wrap: nowrap; }
 @include responsive-rule('flex-wrap'){ flex-wrap: wrap; }
 
-@include responsive-rule('flex-initial'){ flex: 0 1 auto; }
 @include responsive-rule('flex-fill'){ flex: 1 1 auto; }
-@include responsive-rule('flex-none'){ flex: none; }
+@include responsive-rule('flex-grow'){ flex: 1 0 auto; }
+@include responsive-rule('flex-shrink'){ flex: 0 1 auto; }
+@include responsive-rule('flex-none'){ flex: 0 0 auto; }
 
 @for $i from 1 through 12 {
     @include responsive-rule('order-#{$i}'){ order: $i; }
@@ -80,6 +66,16 @@
     @include responsive-rule('col-start-#{$i}'){ grid-column-start: $i; }
     @include responsive-rule('col-end-#{$i}'){ grid-column-end: $i; }
 }
+
+@for $i from 0 through 100 {
+    @include responsive-rule(".cols-fill-#{$i * 5}-px"){ 
+        grid-template-columns: repeat(auto-fill, minmax($i * 5px, 1fr));
+    };
+    @include responsive-rule(".cols-fit-#{$i * 5}-px"){ 
+        grid-template-columns: repeat(auto-fit, minmax($i * 5px, 1fr));
+    };
+}
+
 @for $i from 1 through 6 {
     @include responsive-rule('rows-#{$i}'){ grid-template-rows: repeat($i, minmax(0, 1fr)); }
     @include responsive-rule('row-span-#{$i}'){ grid-row: span $i / span $i; }
@@ -121,6 +117,8 @@
     center
     stretch
     baseline
+    flex-start
+    flex-end
 ) {
     @include responsive-rule('justify-#{$selector}') {
         justify-items: $selector;
@@ -136,13 +134,15 @@
     end
     center
     stretch
+    flex-start
+    flex-end
 ) {
     .flex,
     .grid{
-        @include responsive-rule('justify-#{$selector}') {
+        @include responsive-rule('justify-self-#{$selector}') {
             justify-self: $selector;
         }
-        @include responsive-rule('align-#{$selector}') {
+        @include responsive-rule('align-self-#{$selector}') {
             align-self: $selector;
         }
     }

data/lib/assets/stylesheets/uniform/utilities/position.scss

@@ -13,6 +13,10 @@ static
 @each $direction in 'top' 'right' 'bottom' 'left' {
     @include responsive-rule('.#{$direction}-0'){ #{$direction}: 0; }
     @include responsive-rule('.#{$direction}-auto'){ #{$direction}: auto; }
+    .sticky-#{$direction}{
+        position:sticky;
+        #{$direction}: 0;
+    }
 }
 @include responsive-rule('position-fill'){
     position:absolute;

data/lib/assets/stylesheets/uniform/utilities/sizing.scss

@@ -32,6 +32,12 @@
     @include responsive-rule(".min-width-#{$i * 5}-vw"){ min-width: $i * 5vw };
     @include responsive-rule(".max-width-#{$i * 5}-vw"){ max-width: $i * 5vw };
 }
+
+@for $i from 0 through 20 {
+    @include responsive-rule(".height-#{$i * 5}-vh"){ height: $i * 5vh };
+    @include responsive-rule(".min-height-#{$i * 5}-vh"){ min-height: $i * 5vh };
+    @include responsive-rule(".max-height-#{$i * 5}-vh"){ max-height: $i * 5vh };
+}
 @include responsive-rule(".height-100-vh"){ height: 100vh; };
 @include responsive-rule(".min-height-100-vh"){ min-height: 100vh; };
 @include responsive-rule(".max-height-100-vh"){ max-height: 100vh; };
@@ -41,14 +47,14 @@
 //----------------------------------------------------------------
 @include responsive-rule(".height-auto"){ height: auto; };
 @include responsive-rule(".height-full"){ height: 100%; };
-@include responsive-rule(".max-height-auto"){ height: auto; };
-@include responsive-rule(".max-height-full"){ height: 100%; };
-@include responsive-rule(".min-height-auto"){ height: auto; };
-@include responsive-rule(".min-height-full"){ height: 100%; };
+@include responsive-rule(".max-height-auto"){ max-height: auto; };
+@include responsive-rule(".max-height-full"){ max-height: 100%; };
+@include responsive-rule(".min-height-auto"){ min-height: auto; };
+@include responsive-rule(".min-height-full"){ min-height: 100%; };
 
 @include responsive-rule(".width-auto"){ width: auto; };
 @include responsive-rule(".width-full"){ width: 100%; };
-@include responsive-rule(".max-width-auto"){ width: auto; };
-@include responsive-rule(".max-width-full"){ width: 100%; };
-@include responsive-rule(".min-width-auto"){ width: auto; };
-@include responsive-rule(".min-width-full"){ width: 100%; };
+@include responsive-rule(".max-width-auto"){ max-width: auto; };
+@include responsive-rule(".max-width-full"){ max-width: 100%; };
+@include responsive-rule(".min-width-auto"){ min-width: auto; };
+@include responsive-rule(".min-width-full"){ min-width: 100%; };

data/lib/assets/stylesheets/uniform/utilities/spacing.scss

@@ -1,5 +1,25 @@
 @import 'uniform/mixins';
 
+//----------------------------------------------------------------
+//             Spacing
+//----------------------------------------------------------------
+@include size-rule('.space-h') using ($size) {
+    &  > * + * {
+        margin-left: $size;
+    }
+}
+@include size-rule('.space-v') using ($size) {
+    &  > * + * {
+        margin-top: $size
+    }
+}
+@include size-rule('.space') using ($size) {
+    &  > * + * {
+        margin-top: $size;
+        margin-left: $size;
+    }
+}
+
 //----------------------------------------------------------------
 //             Margin
 //----------------------------------------------------------------
@@ -36,20 +56,6 @@
 }
 
 
-//----------------------------------------------------------------
-//             Spacing
-//----------------------------------------------------------------
-@include size-rule('.space-h') using ($size) {
-    &  > * + * {
-        margin-left: $size;
-    }
-}
-@include size-rule('.space-v') using ($size) {
-    &  > * + * {
-        margin-top: $size
-    }
-}
-
 
 //----------------------------------------------------------------
 //             Pad

data/lib/assets/stylesheets/uniform/utilities/svg.scss

@@ -0,0 +1,5 @@
+@import 'uniform/mixins';
+ 
+@include size-rule('.stroke') using ($size) {stroke-width: $size;}
+@include color-rule('.stroke') using ($color) {stroke: $color;}
+@include color-rule('.fill') using ($color) {fill: $color;}

data/lib/assets/stylesheets/uniform/utilities/text.scss

@@ -8,6 +8,7 @@
     --text-opacity: 1.0;
     color: rgba($color, var(--text-opacity));
 }
+@include responsive-rule('.text-current') { color: currentColor; }
 @include responsive-rule('.text-md') { font-size: 1rem; }
 @include color-rule('.placeholder') using ($color){
     &::placeholder{

data/lib/assets/stylesheets/uniform/utilities.scss

@@ -13,6 +13,9 @@
 .overflow-x{
     overflow-x: auto;
 }
+.overflow-x-scroll{
+    overflow-y: scroll;
+}
 
 //----------------------------------------------------------------
 //             Element Reset
@@ -25,6 +28,8 @@
     padding: 0;
     margin: 0;
     list-style:none;
+    text-decoration: none;
+    color: inherit;
 }
 
 //----------------------------------------------------------------
@@ -45,6 +50,9 @@ grab
         cursor: $type;
     }
 }
+.cursor-move-v {
+    cursor: ns-resize;
+}
 
 //----------------------------------------------------------------
 //             SVG

data/lib/uniform/version.rb

@@ -1,3 +1,3 @@
 module Uniform
-  VERSION = "3.0.0.beta2"
+  VERSION = "3.0.0.beta10"
 end