uniform-ui 0.6 → 1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +27 -0
- data/CNAME +1 -0
- data/Gemfile +0 -4
- data/Gemfile.lock +1 -11
- data/README.md +2 -3
- data/Rakefile +34 -24
- data/index.html +240 -1160
- data/preview/{_tables.html.erb → alerts.html.erb} +0 -0
- data/preview/buttons.html.erb +62 -0
- data/preview/cards.html.erb +23 -0
- data/preview/colors.html.erb +22 -0
- data/preview/{_tabs.html.erb → dropdown.html.erb} +0 -0
- data/preview/form.html.erb +233 -0
- data/preview/grid.html.erb +304 -0
- data/preview/helpers.html.erb +225 -0
- data/preview/index.html.erb +74 -50
- data/preview/{_tiles.html.erb → labels.html.erb} +0 -0
- data/preview/layout.html.erb +63 -0
- data/preview/loaders.html.erb +83 -0
- data/preview/modal.html.erb +1 -0
- data/preview/nav.html.erb +77 -0
- data/preview/preview.scss +39 -10
- data/preview/rows.html.erb +36 -0
- data/preview/select.html.erb +1 -0
- data/preview/tables.html.erb +1 -0
- data/preview/tabs.html.erb +17 -0
- data/preview/tiles.html.erb +1 -0
- data/preview/tooltip.erb +1 -0
- data/site/alerts.html +157 -0
- data/site/alerts.html copy +133 -0
- data/site/buttons.html +286 -0
- data/site/cards.html +177 -0
- data/site/colors.html +275 -0
- data/site/dropdown.html +157 -0
- data/site/dropdown.html copy +141 -0
- data/site/form.html +369 -0
- data/site/grid.html +716 -0
- data/site/helpers.html +1008 -0
- data/site/index.html +208 -617
- data/site/labels.html +157 -0
- data/site/layout.html +313 -0
- data/site/loaders.html +233 -0
- data/site/modal.html +157 -0
- data/site/nav.html +229 -0
- data/site/preview.css +1 -1
- data/site/preview.js +59 -0
- data/site/rows.html +190 -0
- data/site/select.html +157 -0
- data/site/tables.html +157 -0
- data/site/tabs.html +171 -0
- data/site/tiles.html +157 -0
- data/site/tiles.html copy +109 -0
- data/site/tooltip +157 -0
- data/site/uniform.css +1 -1
- data/uniform.gemspec +2 -8
- data/vendor/assets/stylesheets/uniform.scss +4 -4
- data/vendor/assets/stylesheets/uniform/base.scss +2 -0
- data/vendor/assets/stylesheets/uniform/components/alert.scss +27 -0
- data/vendor/assets/stylesheets/uniform/components/buttons.scss +135 -86
- data/vendor/assets/stylesheets/uniform/components/card.scss +69 -67
- data/vendor/assets/stylesheets/uniform/components/dropdown.scss +69 -0
- data/vendor/assets/stylesheets/uniform/components/form.scss +268 -85
- data/vendor/assets/stylesheets/uniform/components/grid.scss +214 -72
- data/vendor/assets/stylesheets/uniform/components/label.scss +63 -0
- data/vendor/assets/stylesheets/uniform/components/loaders.scss +38 -18
- data/vendor/assets/stylesheets/uniform/components/modal.scss +51 -0
- data/vendor/assets/stylesheets/uniform/components/nav.scss +171 -54
- data/vendor/assets/stylesheets/uniform/components/row.scss +69 -101
- data/vendor/assets/stylesheets/uniform/components/select.scss +98 -0
- data/vendor/assets/stylesheets/uniform/components/table.scss +83 -0
- data/vendor/assets/stylesheets/uniform/components/tabs.scss +39 -26
- data/vendor/assets/stylesheets/uniform/components/tile.scss +15 -27
- data/vendor/assets/stylesheets/uniform/components/tooltip.scss +46 -0
- data/vendor/assets/stylesheets/uniform/defaults.scss +85 -19
- data/vendor/assets/stylesheets/uniform/helpers.scss +82 -81
- data/vendor/assets/stylesheets/uniform/helpers/colors.scss +37 -0
- data/vendor/assets/stylesheets/uniform/helpers/margin.scss +44 -0
- data/vendor/assets/stylesheets/uniform/helpers/padding.scss +74 -0
- data/vendor/assets/stylesheets/uniform/helpers/sizes.scss +31 -0
- data/vendor/assets/stylesheets/uniform/helpers/text.scss +121 -0
- data/vendor/assets/stylesheets/uniform/mixins.scss +25 -48
- data/vendor/assets/stylesheets/uniform/variables.scss +10 -28
- metadata +61 -85
- data/preview/_buttons.html.erb +0 -59
- data/preview/_cards.html.erb +0 -82
- data/preview/_colors.html.erb +0 -12
- data/preview/_forms.html.erb +0 -196
- data/preview/_grid.html.erb +0 -49
- data/preview/_helpers.html.erb +0 -158
- data/preview/_inputs.html.erb +0 -93
- data/preview/_installation.html.erb +0 -4
- data/preview/_lists.html.erb +0 -53
- data/preview/_loaders.html.erb +0 -72
- data/preview/_nav.html.erb +0 -46
- data/preview/_philosophy.html.erb +0 -33
- data/preview/_rows.html.erb +0 -35
- data/preview/_uniform.html.erb +0 -4
- data/site/site/logo.png +0 -0
- data/site/site/preview.css +0 -1
- data/site/site/uniform.css +0 -1
- data/vendor/assets/stylesheets/uniform/components/inputs.scss +0 -131
- data/vendor/assets/stylesheets/uniform/components/lists.scss +0 -62
- data/vendor/assets/stylesheets/uniform/components/table-container.scss +0 -44
- data/vendor/assets/stylesheets/uniform/components/table-form.scss +0 -159
- 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
|
-
|
2
|
-
|
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
|
-
|
33
|
+
transform: translateY(-50%);
|
46
34
|
}
|
47
35
|
@mixin horizontal-center(){
|
48
36
|
position:absolute;
|
49
37
|
left:50%;
|
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
|
-
|
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
|
-
|
65
|
-
@
|
66
|
-
|
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
|
-
|
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
|
-
|
80
|
-
|
81
|
-
|
58
|
+
@mixin apply-media-sizes($base-name){
|
59
|
+
#{$base-name}{
|
60
|
+
@content
|
82
61
|
}
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
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
|
-
|
96
|
-
|
97
|
-
|
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: #
|
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
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
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
|
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-
|
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
|
-
|
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/
|
102
|
-
- preview/
|
103
|
-
- preview/
|
104
|
-
- preview/
|
105
|
-
- preview/
|
106
|
-
- preview/
|
107
|
-
- preview/
|
108
|
-
- preview/
|
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/
|
124
|
-
- site/
|
125
|
-
- site/
|
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/
|
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/
|
139
|
-
- vendor/assets/stylesheets/uniform/components/table
|
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.
|
143
|
+
rubygems_version: 2.6.11
|
168
144
|
signing_key:
|
169
145
|
specification_version: 4
|
170
146
|
summary: Sass UI
|