uniform-ui 0.6 → 1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (106) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +27 -0
  3. data/CNAME +1 -0
  4. data/Gemfile +0 -4
  5. data/Gemfile.lock +1 -11
  6. data/README.md +2 -3
  7. data/Rakefile +34 -24
  8. data/index.html +240 -1160
  9. data/preview/{_tables.html.erb → alerts.html.erb} +0 -0
  10. data/preview/buttons.html.erb +62 -0
  11. data/preview/cards.html.erb +23 -0
  12. data/preview/colors.html.erb +22 -0
  13. data/preview/{_tabs.html.erb → dropdown.html.erb} +0 -0
  14. data/preview/form.html.erb +233 -0
  15. data/preview/grid.html.erb +304 -0
  16. data/preview/helpers.html.erb +225 -0
  17. data/preview/index.html.erb +74 -50
  18. data/preview/{_tiles.html.erb → labels.html.erb} +0 -0
  19. data/preview/layout.html.erb +63 -0
  20. data/preview/loaders.html.erb +83 -0
  21. data/preview/modal.html.erb +1 -0
  22. data/preview/nav.html.erb +77 -0
  23. data/preview/preview.scss +39 -10
  24. data/preview/rows.html.erb +36 -0
  25. data/preview/select.html.erb +1 -0
  26. data/preview/tables.html.erb +1 -0
  27. data/preview/tabs.html.erb +17 -0
  28. data/preview/tiles.html.erb +1 -0
  29. data/preview/tooltip.erb +1 -0
  30. data/site/alerts.html +157 -0
  31. data/site/alerts.html copy +133 -0
  32. data/site/buttons.html +286 -0
  33. data/site/cards.html +177 -0
  34. data/site/colors.html +275 -0
  35. data/site/dropdown.html +157 -0
  36. data/site/dropdown.html copy +141 -0
  37. data/site/form.html +369 -0
  38. data/site/grid.html +716 -0
  39. data/site/helpers.html +1008 -0
  40. data/site/index.html +208 -617
  41. data/site/labels.html +157 -0
  42. data/site/layout.html +313 -0
  43. data/site/loaders.html +233 -0
  44. data/site/modal.html +157 -0
  45. data/site/nav.html +229 -0
  46. data/site/preview.css +1 -1
  47. data/site/preview.js +59 -0
  48. data/site/rows.html +190 -0
  49. data/site/select.html +157 -0
  50. data/site/tables.html +157 -0
  51. data/site/tabs.html +171 -0
  52. data/site/tiles.html +157 -0
  53. data/site/tiles.html copy +109 -0
  54. data/site/tooltip +157 -0
  55. data/site/uniform.css +1 -1
  56. data/uniform.gemspec +2 -8
  57. data/vendor/assets/stylesheets/uniform.scss +4 -4
  58. data/vendor/assets/stylesheets/uniform/base.scss +2 -0
  59. data/vendor/assets/stylesheets/uniform/components/alert.scss +27 -0
  60. data/vendor/assets/stylesheets/uniform/components/buttons.scss +135 -86
  61. data/vendor/assets/stylesheets/uniform/components/card.scss +69 -67
  62. data/vendor/assets/stylesheets/uniform/components/dropdown.scss +69 -0
  63. data/vendor/assets/stylesheets/uniform/components/form.scss +268 -85
  64. data/vendor/assets/stylesheets/uniform/components/grid.scss +214 -72
  65. data/vendor/assets/stylesheets/uniform/components/label.scss +63 -0
  66. data/vendor/assets/stylesheets/uniform/components/loaders.scss +38 -18
  67. data/vendor/assets/stylesheets/uniform/components/modal.scss +51 -0
  68. data/vendor/assets/stylesheets/uniform/components/nav.scss +171 -54
  69. data/vendor/assets/stylesheets/uniform/components/row.scss +69 -101
  70. data/vendor/assets/stylesheets/uniform/components/select.scss +98 -0
  71. data/vendor/assets/stylesheets/uniform/components/table.scss +83 -0
  72. data/vendor/assets/stylesheets/uniform/components/tabs.scss +39 -26
  73. data/vendor/assets/stylesheets/uniform/components/tile.scss +15 -27
  74. data/vendor/assets/stylesheets/uniform/components/tooltip.scss +46 -0
  75. data/vendor/assets/stylesheets/uniform/defaults.scss +85 -19
  76. data/vendor/assets/stylesheets/uniform/helpers.scss +82 -81
  77. data/vendor/assets/stylesheets/uniform/helpers/colors.scss +37 -0
  78. data/vendor/assets/stylesheets/uniform/helpers/margin.scss +44 -0
  79. data/vendor/assets/stylesheets/uniform/helpers/padding.scss +74 -0
  80. data/vendor/assets/stylesheets/uniform/helpers/sizes.scss +31 -0
  81. data/vendor/assets/stylesheets/uniform/helpers/text.scss +121 -0
  82. data/vendor/assets/stylesheets/uniform/mixins.scss +25 -48
  83. data/vendor/assets/stylesheets/uniform/variables.scss +10 -28
  84. metadata +61 -85
  85. data/preview/_buttons.html.erb +0 -59
  86. data/preview/_cards.html.erb +0 -82
  87. data/preview/_colors.html.erb +0 -12
  88. data/preview/_forms.html.erb +0 -196
  89. data/preview/_grid.html.erb +0 -49
  90. data/preview/_helpers.html.erb +0 -158
  91. data/preview/_inputs.html.erb +0 -93
  92. data/preview/_installation.html.erb +0 -4
  93. data/preview/_lists.html.erb +0 -53
  94. data/preview/_loaders.html.erb +0 -72
  95. data/preview/_nav.html.erb +0 -46
  96. data/preview/_philosophy.html.erb +0 -33
  97. data/preview/_rows.html.erb +0 -35
  98. data/preview/_uniform.html.erb +0 -4
  99. data/site/site/logo.png +0 -0
  100. data/site/site/preview.css +0 -1
  101. data/site/site/uniform.css +0 -1
  102. data/vendor/assets/stylesheets/uniform/components/inputs.scss +0 -131
  103. data/vendor/assets/stylesheets/uniform/components/lists.scss +0 -62
  104. data/vendor/assets/stylesheets/uniform/components/table-container.scss +0 -44
  105. data/vendor/assets/stylesheets/uniform/components/table-form.scss +0 -159
  106. data/vendor/assets/stylesheets/uniform/mixins/grid-framework.scss +0 -142
@@ -0,0 +1,74 @@
1
+ @include apply-media-sizes('.pad'){
2
+ padding: 1em;
3
+ }
4
+ @include apply-media-sizes('.pad-tiny'){
5
+ padding: 0.25em;
6
+ }
7
+ @include apply-media-sizes('.pad-less'){
8
+ padding: 0.5em;
9
+ }
10
+ @include apply-media-sizes('.pad-more'){
11
+ padding: 2em;
12
+ }
13
+ @include apply-media-sizes('.pad-super'){
14
+ padding: 4em;
15
+ }
16
+ @include apply-media-sizes('.pad-more-important'){
17
+ padding: 2em !important;
18
+ }
19
+ .pad-h{
20
+ padding-left: 1em;
21
+ padding-right: 1em;
22
+ }
23
+ .pad-h-less{
24
+ padding-left: 0.5em;
25
+ padding-right: 0.5em;
26
+ }
27
+ .pad-v{
28
+ padding-top: 1em;
29
+ padding-bottom: 1em;
30
+ }
31
+ .pad-v-less{
32
+ padding-top: 0.5em;
33
+ padding-bottom: 0.5em;
34
+ }
35
+ .pad-v-more{
36
+ padding-top: 2em;
37
+ padding-bottom: 2em;
38
+ }
39
+ .pad-v-super{
40
+ padding-top: 4em;
41
+ padding-bottom: 4em;
42
+ }
43
+ .pad-none{
44
+ padding:0 !important;
45
+ }
46
+ .pad-none-h{
47
+ padding-left: 0 !important;
48
+ padding-right: 0 !important;
49
+ }
50
+ .un-pad{
51
+ margin-left: -1em;
52
+ margin-right: -1em;
53
+ }
54
+ .un-pad-less{
55
+ margin-left: -0.5em;
56
+ margin-right: -0.5em;
57
+ }
58
+ .x-pad{
59
+ padding: 4em;
60
+ }
61
+ @each $direction in 'top' 'right' 'bottom' 'left' {
62
+ @include apply-media-sizes('.pad-#{$direction}-tiny'){
63
+ padding-#{$direction}: 0.25em !important;
64
+ }
65
+ @include apply-media-sizes('.pad-#{$direction}-less'){
66
+ padding-#{$direction}: 0.5em !important;
67
+ }
68
+ @include apply-media-sizes('.pad-#{$direction}'){
69
+ padding-#{$direction}: 1em !important;
70
+ }
71
+ @include apply-media-sizes('.pad-#{$direction}-more'){
72
+ padding-#{$direction}: 2em !important;
73
+ }
74
+ }
@@ -0,0 +1,31 @@
1
+ @for $i from 1 through 100 {
2
+ .col-#{$i * 5}-px { flex: 0 0 #{$i * 5 +"px"}; max-width: #{$i * 5 + "px"}; }
3
+ .col-#{$i}-p { flex: 0 0 #{$i+"%"}; max-width: #{$i + "%"}; }
4
+ .width-#{$i}-p { width: #{$i + "%"}; max-width: #{$i + "%"}; }
5
+ .width-#{$i * 5}-px { width: #{$i * 5 + "px"}; }
6
+ .max-width-#{$i * 5}-px { max-width: #{$i * 5 + "px"}; }
7
+ .max-width-#{$i}-p { max-width: #{$i + "%"}; }
8
+ .height-#{$i * 5}-px { height: #{$i * 5 + "px"}; }
9
+ .height-#{$i * 5}-p { height: #{$i * 5 + "%"}; }
10
+ .max-height-#{$i * 5}-px { max-height: #{$i * 5 + "px"}; }
11
+ }
12
+ @for $i from 1 through 20 {
13
+ .width-#{$i * 5}-vw { width: #{$i * 5 +"vw"}; }
14
+ .height-#{$i * 5}-vh { height: #{$i * 5 +"vh"}; }
15
+ .min-height-#{$i * 5}-vh { min-height: #{$i * 5 +"vh"}; }
16
+ }
17
+
18
+ @each $name, $size in ('sm', $sm) ('md', $md) ('lg', $lg) ('xl', $xl) {
19
+ @include media($size){
20
+ @for $i from 1 through 100 {
21
+ .col-#{$i * 5}-px-#{$name} { flex: 0 0 #{$i * 5 +"px"}; max-width: #{$i * 5 + "px"}; }
22
+ .col-#{$i}-p-#{$name} { flex: 0 0 #{$i+"%"}; max-width: #{$i + "%"}; }
23
+ .width-#{$i}-p-#{$name} { width: #{$i + "%"}; max-width: #{$i + "%"}; }
24
+ .width-#{$i * 5}-px-#{$name} { width: #{$i * 5 + "px"}; }
25
+ }
26
+ @for $i from 1 through 20 {
27
+ .height-#{$i * 5}-vh-#{$name} { height: #{$i * 5 +"vh"}; }
28
+ .min-height-#{$i * 5}-vh-#{$name} { min-height: #{$i * 5 +"vh"}; }
29
+ }
30
+ }
31
+ }
@@ -0,0 +1,121 @@
1
+ .text-caps{
2
+ text-transform: uppercase;
3
+ }
4
+ .text-small-less{
5
+ font-size: 0.9em;
6
+ }
7
+ @include apply-media-sizes('.text-small'){
8
+ font-size: 0.8em;
9
+ }
10
+ @include apply-media-sizes('.text-large'){
11
+ font-size: 1.2em;
12
+ }
13
+ .text-1rem{
14
+ font-size: 1rem;
15
+ }
16
+ .text-larger{
17
+ font-size: 1.4em;
18
+ }
19
+ .text-super{
20
+ font-size: 3em;
21
+ }
22
+ .text-subtle{
23
+ font-size: 90%;
24
+ opacity: 0.8;
25
+ }
26
+ .text-subtle-more{
27
+ font-size: 80%;
28
+ opacity: 0.6;
29
+ }
30
+ .text-muted{
31
+ opacity: 0.8;
32
+ }
33
+ .text-muted-more{
34
+ opacity: 0.6;
35
+ }
36
+ @include apply-media-sizes('.text-left'){
37
+ text-align: left !important;
38
+ }
39
+ @include apply-media-sizes('.text-right'){
40
+ text-align: right;
41
+ }
42
+ @include apply-media-sizes('.text-center'){
43
+ text-align: center;
44
+ }
45
+ .text-justify{
46
+ text-align: justify;
47
+ }
48
+ .text-overflow{
49
+ @include text-overflow;
50
+ }
51
+ .text-bold{
52
+ font-weight: 700;
53
+ }
54
+ .text-light{
55
+ font-weight: 300;
56
+ }
57
+ .text-lightest{
58
+ font-weight: 100;
59
+ }
60
+ .text-normal{
61
+ font-weight: normal !important;
62
+ }
63
+ .text-middle{
64
+ vertical-align:middle;
65
+ }
66
+ .text-top{
67
+ vertical-align:top;
68
+ }
69
+ .text-tight{
70
+ line-height:1.3;
71
+ }
72
+ .required{
73
+ color:$red;
74
+ }
75
+ .warn:hover{
76
+ color:$red;
77
+ }
78
+ p.large{
79
+ font-size:1.5em;
80
+ font-weight:300;
81
+ }
82
+ .text-italic{
83
+ font-style: italic;
84
+ }
85
+ .text-no-wrap{
86
+ white-space: nowrap;
87
+ overflow:hidden;
88
+ }
89
+ .text-no-decoration{
90
+ text-decoration: none;
91
+ a{
92
+ text-decoration: none;
93
+ }
94
+ }
95
+ .text-height-1{
96
+ line-height: 1;
97
+ }
98
+
99
+ .text-warn{
100
+ &:hover{
101
+ color:$red !important;
102
+ }
103
+ }
104
+ blockquote.quote{
105
+ font-style: italic;
106
+ border:none;
107
+ position:relative;
108
+ z-index: 2;
109
+ padding-left: 2em;
110
+ &::before{
111
+ font-family: $system-font;
112
+ z-index: -1;
113
+ position:absolute;
114
+ top: 0;
115
+ left: -1rem;
116
+ line-height: 0.7;
117
+ font-size:8em;
118
+ color: rgba(black, 0.1);
119
+ content: "“";
120
+ }
121
+ }
@@ -1,17 +1,5 @@
1
- @mixin opacity($o: 1){
2
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity="+$o*100+")";
3
- filter: alpha(opacity=$o*100);
4
- -moz-opacity: $o;
5
- -khtml-opacity: $o;
6
- opacity: $o;
7
- }
8
- @mixin blur($amount: 5px){
9
- filter: blur($amount);
10
- -webkit-filter: blur($amount);
11
- -moz-filter: blur($amount);
12
- -o-filter: blur($amount);
13
- -ms-filter: blur($amount);
14
- }
1
+ $text-inputs: "input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio])";
2
+
15
3
  @mixin text-overflow($inherit:false){
16
4
  @if $inherit == false {
17
5
  text-overflow: ellipsis;
@@ -42,18 +30,18 @@
42
30
  @mixin vertical-middle(){
43
31
  position:absolute;
44
32
  top:50%;
45
- @include transform(translateY(-50%));
33
+ transform: translateY(-50%);
46
34
  }
47
35
  @mixin horizontal-center(){
48
36
  position:absolute;
49
37
  left:50%;
50
- @include transform(translateX(-50%));
38
+ transform: translateX(-50%);
51
39
  }
52
40
  @mixin align-middle(){
53
41
  position:absolute;
54
42
  left:50%;
55
43
  top:50%;
56
- @include transform(translate(-50%, -50%));
44
+ transform: translate(-50%, -50%);
57
45
  }
58
46
  @mixin clean-icon(){
59
47
  -webkit-backface-visibility: hidden; // Some weird safari bug involving hovering on li or a
@@ -61,40 +49,29 @@
61
49
  -webkit-font-smoothing: antialiased;
62
50
  }
63
51
 
64
- // Borrowed from Neat.io
65
- @mixin media($query: $feature $value $columns, $total-columns: $grid-columns) {
66
- @if length($query) == 1 {
67
- @media screen and ($default-feature: nth($query, 1)) {
68
- $default-grid-columns: $grid-columns;
69
- $grid-columns: $total-columns !global;
70
- @content;
71
- $grid-columns: $default-grid-columns !global;
52
+ @mixin media($query) {
53
+ @media only screen and (#{$query}){
54
+ @content;
72
55
  }
73
- } @else {
74
- $loop-to: length($query);
75
- $media-query: "screen and ";
76
- $default-grid-columns: $grid-columns;
77
- $grid-columns: $total-columns !global;
56
+ }
78
57
 
79
- @if is-not(is-even(length($query))) {
80
- $grid-columns: nth($query, $loop-to) !global;
81
- $loop-to: $loop-to - 1;
58
+ @mixin apply-media-sizes($base-name){
59
+ #{$base-name}{
60
+ @content
82
61
  }
83
-
84
- $i: 1;
85
- @while $i <= $loop-to {
86
- $media-query: $media-query + "(" + nth($query, $i) + ": " + nth($query, $i + 1) + ") ";
87
-
88
- @if ($i + 1) != $loop-to {
89
- $media-query: $media-query + "and ";
90
- }
91
-
92
- $i: $i + 2;
62
+ @each $name, $size in ('sm', $sm) ('md', $md) ('lg', $lg) ('xl', $xl) {
63
+ @include media($size){
64
+ #{$base-name}-#{$name}{
65
+ @content
66
+ }
67
+ }
93
68
  }
69
+ }
94
70
 
95
- @media #{$media-query} {
96
- @content;
97
- $grid-columns: $default-grid-columns !global;
98
- }
99
- }
71
+ @mixin position-fill() {
72
+ position: absolute;
73
+ top: 0;
74
+ bottom: 0;
75
+ left: 0;
76
+ right: 0;
100
77
  }
@@ -1,7 +1,7 @@
1
1
  // Colors
2
2
 
3
3
  $gray:#505153;
4
- $gray-light: #d9d9d9;
4
+ $gray-light: #cccccc;
5
5
  $gray-dark:darken($gray, 10);
6
6
 
7
7
  $green:#97C848;
@@ -15,6 +15,7 @@ $blue-dark:#167DBA;
15
15
  $red:#E1563E;
16
16
  $red-light:#E5766C;
17
17
  $red-dark:#971710;
18
+ $red-bright:#ffab9b;
18
19
 
19
20
  $yellow: #D7E542;
20
21
  $yellow-dark: #BBC02C;
@@ -25,30 +26,11 @@ $background: lighten($gray, 63);
25
26
 
26
27
  $text-inputs: "input:not([type=search]):not([type=submit]):not([type=checkbox]):not([type=radio])";
27
28
 
28
- //----------------------------------------------------------------
29
- // TODO add breaks for sizes based on bootstrap
30
- //----------------------------------------------------------------
31
-
32
- //----------------------------------------------------------------
33
- // Scoped Fortycons
34
- //----------------------------------------------------------------
35
- @font-face {
36
- font-family: "fortycons";
37
- src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
38
- font-weight: normal;
39
- font-style: normal;
40
- }
41
- $fortycons:"fortycons";
42
- $fortycon-add: "\f18b";
43
- $fortycon-add-outline: "\f18a";
44
- $fortycon-arrow-down-large: "\f111";
45
- $fortycon-arrow-left-large: "\f112";
46
- $fortycon-arrow-right-large: "\f113";
47
- $fortycon-arrow-up-large: "\f114";
48
- $fortycon-caret-down: "\f11a";
49
- $fortycon-caret-left: "\f11b";
50
- $fortycon-caret-right: "\f11c";
51
- $fortycon-caret-up: "\f11d";
52
- $fortycon-check: "\f120";
53
- $fortycon-check-outline: "\f121";
54
- $fortycon-x: "\f17a";
29
+ $system-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
30
+
31
+ // Responsive Breakpoints
32
+ // breakpoints at 720, 1080, 1440
33
+ $sm: "max-width: 719px";
34
+ $md: "min-width: 720px";
35
+ $lg: "min-width: 1080px";
36
+ $xl: "min-width: 1440px";
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: uniform-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: '0.6'
4
+ version: '1.0'
5
5
  platform: ruby
6
6
  authors:
7
7
  - Ben Ehmke
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2017-03-15 00:00:00.000000000 Z
11
+ date: 2017-10-11 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rake
@@ -24,63 +24,7 @@ dependencies:
24
24
  - - ">="
25
25
  - !ruby/object:Gem::Version
26
26
  version: '0'
27
- - !ruby/object:Gem::Dependency
28
- name: bundler
29
- requirement: !ruby/object:Gem::Requirement
30
- requirements:
31
- - - ">="
32
- - !ruby/object:Gem::Version
33
- version: '0'
34
- type: :development
35
- prerelease: false
36
- version_requirements: !ruby/object:Gem::Requirement
37
- requirements:
38
- - - ">="
39
- - !ruby/object:Gem::Version
40
- version: '0'
41
- - !ruby/object:Gem::Dependency
42
- name: activesupport
43
- requirement: !ruby/object:Gem::Requirement
44
- requirements:
45
- - - ">="
46
- - !ruby/object:Gem::Version
47
- version: '0'
48
- type: :development
49
- prerelease: false
50
- version_requirements: !ruby/object:Gem::Requirement
51
- requirements:
52
- - - ">="
53
- - !ruby/object:Gem::Version
54
- version: '0'
55
- - !ruby/object:Gem::Dependency
56
- name: bourbon
57
- requirement: !ruby/object:Gem::Requirement
58
- requirements:
59
- - - ">="
60
- - !ruby/object:Gem::Version
61
- version: '0'
62
- type: :runtime
63
- prerelease: false
64
- version_requirements: !ruby/object:Gem::Requirement
65
- requirements:
66
- - - ">="
67
- - !ruby/object:Gem::Version
68
- version: '0'
69
- - !ruby/object:Gem::Dependency
70
- name: neat
71
- requirement: !ruby/object:Gem::Requirement
72
- requirements:
73
- - - ">="
74
- - !ruby/object:Gem::Version
75
- version: '0'
76
- type: :runtime
77
- prerelease: false
78
- version_requirements: !ruby/object:Gem::Requirement
79
- requirements:
80
- - - ">="
81
- - !ruby/object:Gem::Version
82
- version: '0'
83
- description: Sass components and defaults for building a UI that's on fleak.
27
+ description: Sass components and helpers for building a UI.
84
28
  email:
85
29
  - benehmke@gmail.com
86
30
  executables: []
@@ -88,6 +32,8 @@ extensions: []
88
32
  extra_rdoc_files: []
89
33
  files:
90
34
  - ".gitignore"
35
+ - CHANGELOG.md
36
+ - CNAME
91
37
  - Gemfile
92
38
  - Gemfile.lock
93
39
  - LICENSE
@@ -98,51 +44,81 @@ files:
98
44
  - lib/uniform/rails/engine.rb
99
45
  - lib/uniform/ui.rb
100
46
  - preview.css
101
- - preview/_buttons.html.erb
102
- - preview/_cards.html.erb
103
- - preview/_colors.html.erb
104
- - preview/_forms.html.erb
105
- - preview/_grid.html.erb
106
- - preview/_helpers.html.erb
107
- - preview/_inputs.html.erb
108
- - preview/_installation.html.erb
109
- - preview/_lists.html.erb
110
- - preview/_loaders.html.erb
111
- - preview/_nav.html.erb
112
- - preview/_philosophy.html.erb
113
- - preview/_rows.html.erb
114
- - preview/_tables.html.erb
115
- - preview/_tabs.html.erb
116
- - preview/_tiles.html.erb
117
- - preview/_uniform.html.erb
47
+ - preview/alerts.html.erb
48
+ - preview/buttons.html.erb
49
+ - preview/cards.html.erb
50
+ - preview/colors.html.erb
51
+ - preview/dropdown.html.erb
52
+ - preview/form.html.erb
53
+ - preview/grid.html.erb
54
+ - preview/helpers.html.erb
118
55
  - preview/index.html.erb
56
+ - preview/labels.html.erb
57
+ - preview/layout.html.erb
58
+ - preview/loaders.html.erb
59
+ - preview/modal.html.erb
60
+ - preview/nav.html.erb
119
61
  - preview/preview.scss
62
+ - preview/rows.html.erb
63
+ - preview/select.html.erb
64
+ - preview/tables.html.erb
65
+ - preview/tabs.html.erb
66
+ - preview/tiles.html.erb
67
+ - preview/tooltip.erb
68
+ - site/alerts.html
69
+ - site/alerts.html copy
70
+ - site/buttons.html
71
+ - site/cards.html
72
+ - site/colors.html
73
+ - site/dropdown.html
74
+ - site/dropdown.html copy
75
+ - site/form.html
76
+ - site/grid.html
77
+ - site/helpers.html
120
78
  - site/index.html
79
+ - site/labels.html
80
+ - site/layout.html
81
+ - site/loaders.html
121
82
  - site/logo.png
83
+ - site/modal.html
84
+ - site/nav.html
122
85
  - site/preview.css
123
- - site/site/logo.png
124
- - site/site/preview.css
125
- - site/site/uniform.css
86
+ - site/preview.js
87
+ - site/rows.html
88
+ - site/select.html
89
+ - site/tables.html
90
+ - site/tabs.html
91
+ - site/tiles.html
92
+ - site/tiles.html copy
93
+ - site/tooltip
126
94
  - site/uniform.css
127
95
  - uniform.gemspec
128
96
  - vendor/assets/stylesheets/uniform.scss
97
+ - vendor/assets/stylesheets/uniform/base.scss
98
+ - vendor/assets/stylesheets/uniform/components/alert.scss
129
99
  - vendor/assets/stylesheets/uniform/components/buttons.scss
130
100
  - vendor/assets/stylesheets/uniform/components/card.scss
101
+ - vendor/assets/stylesheets/uniform/components/dropdown.scss
131
102
  - vendor/assets/stylesheets/uniform/components/form.scss
132
103
  - vendor/assets/stylesheets/uniform/components/grid.scss
133
- - vendor/assets/stylesheets/uniform/components/inputs.scss
134
- - vendor/assets/stylesheets/uniform/components/lists.scss
104
+ - vendor/assets/stylesheets/uniform/components/label.scss
135
105
  - vendor/assets/stylesheets/uniform/components/loaders.scss
106
+ - vendor/assets/stylesheets/uniform/components/modal.scss
136
107
  - vendor/assets/stylesheets/uniform/components/nav.scss
137
108
  - vendor/assets/stylesheets/uniform/components/row.scss
138
- - vendor/assets/stylesheets/uniform/components/table-container.scss
139
- - vendor/assets/stylesheets/uniform/components/table-form.scss
109
+ - vendor/assets/stylesheets/uniform/components/select.scss
110
+ - vendor/assets/stylesheets/uniform/components/table.scss
140
111
  - vendor/assets/stylesheets/uniform/components/tabs.scss
141
112
  - vendor/assets/stylesheets/uniform/components/tile.scss
113
+ - vendor/assets/stylesheets/uniform/components/tooltip.scss
142
114
  - vendor/assets/stylesheets/uniform/defaults.scss
143
115
  - vendor/assets/stylesheets/uniform/helpers.scss
116
+ - vendor/assets/stylesheets/uniform/helpers/colors.scss
117
+ - vendor/assets/stylesheets/uniform/helpers/margin.scss
118
+ - vendor/assets/stylesheets/uniform/helpers/padding.scss
119
+ - vendor/assets/stylesheets/uniform/helpers/sizes.scss
120
+ - vendor/assets/stylesheets/uniform/helpers/text.scss
144
121
  - vendor/assets/stylesheets/uniform/mixins.scss
145
- - vendor/assets/stylesheets/uniform/mixins/grid-framework.scss
146
122
  - vendor/assets/stylesheets/uniform/variables.scss
147
123
  homepage: http://bemky.github.io/uniform/
148
124
  licenses:
@@ -164,7 +140,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
164
140
  version: 1.3.6
165
141
  requirements: []
166
142
  rubyforge_project:
167
- rubygems_version: 2.6.8
143
+ rubygems_version: 2.6.11
168
144
  signing_key:
169
145
  specification_version: 4
170
146
  summary: Sass UI