uniform-ui 0.6 → 1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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