uniform-ui 0.5 → 0.5.1

data/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss

@@ -0,0 +1,142 @@
+//----------------------------------------------------------------
+// Borrowed from Bootstrap
+//----------------------------------------------------------------
+
+$screen-xs: 480px !default;
+$screen-sm: 768px !default;
+$screen-md: 992px !default;
+$screen-lg: 1200px !default;
+
+$grid-columns: 12 !default;
+$grid-gutter-width: 30px !default;
+$container-sm: (720px + $grid-gutter-width);
+$container-md: (940px + $grid-gutter-width);
+$container-lg: (1140px + $grid-gutter-width);
+
+$xs: new-breakpoint(max-width 767px);
+$sm: new-breakpoint(min-width 768px max-width 991px);
+$md: new-breakpoint(min-width 992px max-width 1199px);
+$lg: new-breakpoint(min-width 1200px);
+$max-xs: new-breakpoint(max-width 767px);
+$max-sm: new-breakpoint(max-width 991px);
+$max-md: new-breakpoint(max-width 1199px);
+$max-lg: new-breakpoint(min-width 1200px);
+$min-xs: new-breakpoint(min-width 480px);
+$min-sm: new-breakpoint(min-width 768px);
+$min-md: new-breakpoint(min-width 992px);
+$min-lg: new-breakpoint( min-width 1200px);
+
+@mixin clearfix() {
+  &:before,
+  &:after {
+    content: " "; // 1
+    display: table; // 2
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// Grid system
+//
+// Generate semantic grid columns with these mixins.
+
+// Centered container element
+@mixin container-fixed($gutter: $grid-gutter-width) {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left:  floor(($gutter / 2));
+  padding-right: ceil(($gutter / 2));
+  @include clearfix;
+}
+
+// Creates a wrapper for a series of columns
+@mixin make-row($gutter: $grid-gutter-width) {
+  margin-left:  ceil(($gutter / -2));
+  margin-right: floor(($gutter / -2));
+  @include clearfix;
+}
+
+// Framework grid generation
+//
+// Used only by Bootstrap to generate the correct number of grid classes given
+// any value of `$grid-columns`.
+
+// [converter] This is defined recursively in LESS, but Sass supports real loops
+@mixin make-grid-columns($i: 1, $list: ".col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}") {
+  @for $i from (1 + 1) through $grid-columns {
+    $list: "#{$list}, .col-xs-#{$i}, .col-sm-#{$i}, .col-md-#{$i}, .col-lg-#{$i}";
+  }
+  #{$list} {
+    position: relative;
+    // Prevent columns from collapsing when empty
+    min-height: 1px;
+    // Inner gutter via padding
+    padding-left:  ceil(($grid-gutter-width / 2));
+    padding-right: floor(($grid-gutter-width / 2));
+  }
+}
+
+
+// [converter] This is defined recursively in LESS, but Sass supports real loops
+@mixin float-grid-columns($class, $i: 1, $list: ".col-#{$class}-#{$i}") {
+  @for $i from (1 + 1) through $grid-columns {
+    $list: "#{$list}, .col-#{$class}-#{$i}";
+  }
+  #{$list} {
+    float: left;
+  }
+}
+
+
+@mixin calc-grid-column($index, $class, $type) {
+  @if ($type == width) and ($index > 0) {
+    .col-#{$class}-#{$index} {
+      width: percentage(($index / $grid-columns));
+    }
+  }
+  @if ($type == push) and ($index > 0) {
+    .col-#{$class}-push-#{$index} {
+      left: percentage(($index / $grid-columns));
+    }
+  }
+  @if ($type == push) and ($index == 0) {
+    .col-#{$class}-push-0 {
+      left: auto;
+    }
+  }
+  @if ($type == pull) and ($index > 0) {
+    .col-#{$class}-pull-#{$index} {
+      right: percentage(($index / $grid-columns));
+    }
+  }
+  @if ($type == pull) and ($index == 0) {
+    .col-#{$class}-pull-0 {
+      right: auto;
+    }
+  }
+  @if ($type == offset) {
+    .col-#{$class}-offset-#{$index} {
+      margin-left: percentage(($index / $grid-columns));
+    }
+  }
+}
+
+// [converter] This is defined recursively in LESS, but Sass supports real loops
+@mixin loop-grid-columns($columns, $class, $type) {
+  @for $i from 0 through $columns {
+    @include calc-grid-column($i, $class, $type);
+  }
+}
+
+
+// Create grid for specific class
+@mixin make-grid($class) {
+  @include float-grid-columns($class);
+  @include loop-grid-columns($grid-columns, $class, width);
+  @include loop-grid-columns($grid-columns, $class, pull);
+  @include loop-grid-columns($grid-columns, $class, push);
+  @include loop-grid-columns($grid-columns, $class, offset);
+}
+
+

data/vendor/assets/stylesheets/uniform/{mixins.css.scss → mixins.scss}

@@ -1,6 +1,3 @@
-//----------------------------------------------------------------
-//             Image Filters
-//----------------------------------------------------------------
 @mixin opacity($o: 1){
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$o*100+")";
     filter: alpha(opacity=$o*100);
@@ -8,7 +5,6 @@
     -khtml-opacity: $o;
     opacity: $o;
 }
-
 @mixin blur($amount: 5px){
     filter: blur($amount);
     -webkit-filter: blur($amount);
@@ -16,23 +12,6 @@
     -o-filter: blur($amount);
     -ms-filter: blur($amount);
 }
-
-@mixin grayscale($gray: 0.7, $opacity: 1){
-    opacity: $opacity;
-    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=$gray)";
-    filter:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cfilter%20id%3D%22desaturate%22%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22/%3E%3C/filter%3E%3C/svg%3E#desaturate);
-    filter: gray($gray);
-    -webkit-filter: grayscale($gray * 100%);
-    @if $gray == 0 {
-        filter: none;
-        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)";
-        -webkit-filter: grayscale(0);
-    }
-}
-
-//----------------------------------------------------------------
-//             Text
-//----------------------------------------------------------------
 @mixin text-overflow($inherit:false){
     @if $inherit == false {
         text-overflow: ellipsis;
@@ -48,31 +27,36 @@
     -webkit-backface-visibility: hidden; // Some weird safari bug involving hovering on li or a
     -webkit-transform: translate3d(0, 0, 0); // Some weird safari bug involving hovering on li or a
 }
-
-@mixin clean-icon(){
-    @include flicker-fix();
-    -webkit-font-smoothing: antialiased;
+@mixin grayscale($gray: 0.7, $opacity: 1){
+    opacity: $opacity;
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=$gray)";
+    filter:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cfilter%20id%3D%22desaturate%22%3E%3CfeColorMatrix%20type%3D%22saturate%22%20values%3D%220%22/%3E%3C/filter%3E%3C/svg%3E#desaturate);
+    filter: gray($gray);
+    -webkit-filter: grayscale($gray * 100%);
+    @if $gray == 0 {
+        filter: none;
+        -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)";
+        -webkit-filter: grayscale(0);
+    }
 }
-
-
-//----------------------------------------------------------------
-//             Position Alignment
-//----------------------------------------------------------------
 @mixin vertical-middle(){
     position:absolute;
     top:50%;
     @include transform(translateY(-50%));
 }
-
 @mixin horizontal-center(){
     position:absolute;
     left:50%;
     @include transform(translateX(-50%));
 }
-
 @mixin align-middle(){
     position:absolute;
     left:50%;
     top:50%;
     @include transform(translate(-50%, -50%));
+}
+@mixin clean-icon(){
+    -webkit-backface-visibility: hidden; // Some weird safari bug involving hovering on li or a
+    -webkit-transform: translate3d(0, 0, 0); // Some weird safari bug involving hovering on li or a
+    -webkit-font-smoothing: antialiased;
 }

data/vendor/assets/stylesheets/uniform/variables.scss

@@ -0,0 +1,54 @@
+// Colors
+
+$gray:#505153;
+$gray-light: #d9d9d9;
+$gray-dark:darken($gray, 10);
+
+$green:#97C848;
+$green-light:#BBFF00;
+$green-dark:#709239;
+
+$blue:#0994E2;
+$blue-light:#A7CDF2;
+$blue-dark:#167DBA;
+
+$red:#E1563E;
+$red-light:#E5766C;
+$red-dark:#971710;
+
+$yellow: #D7E542;
+$yellow-dark: #BBC02C;
+$yellow-light: #E9F75A;
+
+$gray-background: rgb(238, 238, 238);
+$background: lighten($gray, 63);
+
+$text-inputs: "input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio])";
+
+//----------------------------------------------------------------
+//             TODO add breaks for sizes based on bootstrap
+//----------------------------------------------------------------
+
+//----------------------------------------------------------------
+//             Scoped Fortycons
+//----------------------------------------------------------------
+@font-face {
+  font-family: "fortycons";
+  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
+  font-weight: normal;
+  font-style: normal;
+}
+$fortycons:"fortycons";
+$fortycon-add: "\f18b";
+$fortycon-add-outline: "\f18a";
+$fortycon-arrow-down-large: "\f111";
+$fortycon-arrow-left-large: "\f112";
+$fortycon-arrow-right-large: "\f113";
+$fortycon-arrow-up-large: "\f114";
+$fortycon-caret-down: "\f11a";
+$fortycon-caret-left: "\f11b";
+$fortycon-caret-right: "\f11c";
+$fortycon-caret-up: "\f11d";
+$fortycon-check: "\f120";
+$fortycon-check-outline: "\f121";
+$fortycon-x: "\f17a";

data/vendor/assets/stylesheets/{uniform.css.scss → uniform.scss}

@@ -1,6 +1,9 @@
 @import "bourbon";
 @import 'neat';
+@import 'uniform/variables';
 @import 'uniform/mixins';
+@import 'uniform/mixins/*';
+
 @import 'uniform/helpers';
-@import 'uniform/variables';
+@import 'uniform/defaults';
 @import 'uniform/components/*';

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: uniform-ui
 version: !ruby/object:Gem::Version
-  version: '0.5'
+  version: 0.5.1
 platform: ruby
 authors:
 - Ben Ehmke
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-09-22 00:00:00.000000000 Z
+date: 2016-09-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rake
@@ -38,6 +38,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: activesupport
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
 - !ruby/object:Gem::Dependency
   name: bourbon
   requirement: !ruby/object:Gem::Requirement
@@ -66,7 +80,7 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-description: Sass compenents and defaults for building a UI that's on fleak.
+description: Sass components and defaults for building a UI that's on fleak.
 email:
 - benehmke@gmail.com
 executables: []
@@ -85,17 +99,34 @@ files:
 - lib/uniform/ui.rb
 - preview.css
 - preview/index.html.erb
-- preview/preview.css
-- preview/preview.css.scss
-- preview/uniform.css
+- preview/preview.scss
+- site/index.html
+- site/logo.png
+- site/preview.css
+- site/site/logo.png
+- site/site/preview.css
+- site/site/uniform.css
+- site/uniform.css
 - uniform.gemspec
-- vendor/assets/stylesheets/uniform.css.scss
-- vendor/assets/stylesheets/uniform/components/buttons.css.scss
-- vendor/assets/stylesheets/uniform/components/inputs.css.scss
-- vendor/assets/stylesheets/uniform/components/loaders.css.scss
-- vendor/assets/stylesheets/uniform/helpers.css.scss
-- vendor/assets/stylesheets/uniform/mixins.css.scss
-- vendor/assets/stylesheets/uniform/variables.css.scss
+- vendor/assets/stylesheets/uniform.scss
+- vendor/assets/stylesheets/uniform/components/buttons.scss
+- vendor/assets/stylesheets/uniform/components/card.scss
+- vendor/assets/stylesheets/uniform/components/form.scss
+- vendor/assets/stylesheets/uniform/components/grid.scss
+- vendor/assets/stylesheets/uniform/components/inputs.scss
+- vendor/assets/stylesheets/uniform/components/lists.scss
+- vendor/assets/stylesheets/uniform/components/loaders.scss
+- vendor/assets/stylesheets/uniform/components/nav.scss
+- vendor/assets/stylesheets/uniform/components/row.scss
+- vendor/assets/stylesheets/uniform/components/table-container.scss
+- vendor/assets/stylesheets/uniform/components/table-form.scss
+- vendor/assets/stylesheets/uniform/components/tabs.scss
+- vendor/assets/stylesheets/uniform/components/tile.scss
+- vendor/assets/stylesheets/uniform/defaults.scss
+- vendor/assets/stylesheets/uniform/helpers.scss
+- vendor/assets/stylesheets/uniform/mixins.scss
+- vendor/assets/stylesheets/uniform/mixins/grid-framework.scss
+- vendor/assets/stylesheets/uniform/variables.scss
 homepage: http://bemky.github.io/uniform/
 licenses:
 - MIT

data/preview/preview.css

@@ -1 +0,0 @@
-*{box-sizing:border-box}

data/preview/preview.css.scss

@@ -1,3 +0,0 @@
-*{
-    box-sizing:border-box;
-}

data/vendor/assets/stylesheets/uniform/components/loaders.css.scss

@@ -1,149 +0,0 @@
-//----------------------------------------------------------------
-//             Dots
-//----------------------------------------------------------------
-.loader-dots{
-    font-size:2em;
-    line-height:1em;
-    display:inline-block;
-    .loader-dots-container{
-        letter-spacing:-.05em;
-        white-space:nowrap;
-        span{
-            color:rgba(white, 1);
-            text-shadow:-1px -1px 0 rgba(black, .2);
-            @include animation(loader-dots 1s infinite linear);
-            @include animation-delay(.2s);
-        }
-        span:first-of-type{
-            @include animation-delay(0);
-        }
-        span:last-of-type{
-            @include animation-delay(.4s);
-        }
-    }
-    &.light{
-        .loader-dots-container{
-            span{
-                color:rgba(black, 1);
-                text-shadow:-1px -1px 0 rgba(white, .2);
-                @include animation(loader-dots-light 1s infinite linear);
-                @include animation-delay(.2s);
-            }
-            span:first-of-type{
-                @include animation-delay(0);
-            }
-            span:last-of-type{
-                @include animation-delay(.4s);
-            }
-        }
-    }
-}
-@include keyframes (loader-dots) {
-    0%{ color:rgba(white, 0); }
-    25%{ color:rgba(white, 1); }
-    100%{ color:rgba(white, 1); }
-}
-@include keyframes (loader-dots-light) {
-    0%{ color:rgba(black, 1); }
-    25%{ color:rgba(black, 0.2); }
-    100%{ color:rgba(black, 0.2); }
-}
-
-
-//----------------------------------------------------------------
-//             Windows
-//----------------------------------------------------------------
-.loader-windows{
-    display:inline-block;
-    .loader-windows-container{
-        $size:5px;
-        $margin:3px;
-        $speed:.5s;
-        height:($size + $margin)*5;
-        width:($size + $margin)*4;
-        position:relative;
-        &>div{
-            width:$size;
-            height:$size;
-            background:rgba(white, 0.2);
-            position:absolute;
-            @include animation(loader-fade $speed infinite linear);
-            box-shadow: inset 1px 1px 1px rgba(black, .1)
-        }
-        &>[class*=a]{left:0;}
-        &>[class*=b]{left:$size+$margin;}
-        &>[class*=c]{left:$size*2+$margin*2;}
-        &>[class*=d]{left:$size*3+$margin*3;}
-        &>[class*="1"]{top:$size*4+$margin*4;}
-        &>[class*="2"]{top:$size*3+$margin*3;}
-        &>[class*="3"]{top:$size*2+$margin*2;}
-        &>[class*="4"]{top:$size+$margin;}
-        &>[class*="5"]{top:0;}
-        .a1{@include animation-delay($speed/4);}
-        .a2{@include animation-delay($speed/2);}
-        .a3{@include animation-delay($speed/4*3);}
-        .a4{@include animation-delay($speed);}
-        .b1{@include animation-delay($speed/3);}
-        .b2{@include animation-delay($speed/3*2);}
-        .b3{@include animation-delay($speed);}
-        .c1{@include animation-delay($speed/5);}
-        .c2{@include animation-delay($speed/5*2);}
-        .c3{@include animation-delay($speed/5*3);}
-        .c4{@include animation-delay($speed/5*4);}
-        .c5{@include animation-delay($speed);}
-        .d1{@include animation-delay($speed/2);}
-        .d2{@include animation-delay($speed);}
-    }
-    &.small{
-        .loader-windows-container{
-            $size:3px;
-            $margin:1px;
-            height:($size + $margin)*5;
-            width:($size + $margin)*4;
-            &>div{
-                width:$size;
-                height:$size;
-            }
-            &>[class*=a]{left:0;}
-            &>[class*=b]{left:$size+$margin;}
-            &>[class*=c]{left:$size*2+$margin*2;}
-            &>[class*=d]{left:$size*3+$margin*3;}
-            &>[class*="1"]{top:$size*4+$margin*4;}
-            &>[class*="2"]{top:$size*3+$margin*3;}
-            &>[class*="3"]{top:$size*2+$margin*2;}
-            &>[class*="4"]{top:$size+$margin;}
-            &>[class*="5"]{top:0;}
-        }
-    }
-}
-
-@include keyframes (loader-fade) {
-    0%{ background:rgba($green, 1); }
-    100%{ background:rgba(white, 0.2); }
-}
-
-
-//----------------------------------------------------------------
-//             Cover Option
-//----------------------------------------------------------------
-.loader-windows,
-.loader-dots{
-    &.cover{
-        display:block;
-        position:absolute;
-        top:0;
-        left:0;
-        width:100%;
-        height:100%;
-        z-index:999;
-        background:rgba(black, .5);
-        .loader-dots-container,
-        .loader-windows-container{
-            @include align-middle;
-            position:absolute;
-        }
-        &.light{
-            background:rgba(white, 0.5);
-        }
-    }
-}

data/vendor/assets/stylesheets/uniform/helpers.css.scss

@@ -1,31 +0,0 @@
-.text-overflow{
-    @include text-overflow;
-}
-.strong,
-strong{
-    font-weight: 700;
-}
-.hide{
-    display:none;
-}
-.center{
-    text-align: center;
-}
-.clear{
-    clear:both;
-}
-.bleed-fix{
-    position:static;
-    overflow:hidden;
-}
-.handle{
-    cursor: pointer;
-    cursor: hand;
-}
-.right{
-    float:right;
-}
-.no-gutter{
-    padding-left:0;
-    padding-right:0;
-}

data/vendor/assets/stylesheets/uniform/variables.css.scss

@@ -1,44 +0,0 @@
-// Colors
-$gray:#585858;
-$gray-light: #d9d9d9;
-$gray-dark:darken($gray, 10);
-$gray-background: rgb(238, 238, 238);
-
-$green:#97C848;
-$green-light:#BBFF00;
-$green-dark:#709239;
-
-$blue:#0994E2;
-$blue-light:#A7CDF2;
-$blue-dark:#396F96;
-
-$red:#E1563E;
-$red-light:#E5766C;
-$red-dark:#971710;
-
-$yellow: #D7E542;
-$yellow-dark: #BBC02C;
-$yellow-light: #E9F75A;
-
-
-//Responsive Breakpoints
-$mobile: new-breakpoint(max-width 600px 6);
-$mobile-narrow: new-breakpoint(max-width 450px 6);
-$wide: new-breakpoint(min-width 1200px);
-$narrow: new-breakpoint( max-width 1000px);
-$normal: new-breakpoint( min-width 1000px max-width 1200px);
-
-
-// Responsive Breakpoints based on Bootstrap sizes
-$xs: new-breakpoint(max-width 767px);
-$sm: new-breakpoint(min-width 768px max-width 991px);
-$md: new-breakpoint(min-width 992px max-width 1199px);
-$lg: new-breakpoint(min-width 1200px);
-$max-xs: new-breakpoint(max-width 767px);
-$max-sm: new-breakpoint(max-width 991px);
-$max-md: new-breakpoint(max-width 1199px);
-$max-lg: new-breakpoint(min-width 1200px);
-$min-xs: new-breakpoint(min-width 480px);
-$min-sm: new-breakpoint(min-width 768px);
-$min-md: new-breakpoint(min-width 992px);
-$min-lg: new-breakpoint( min-width 1200px);