moovui 0.1.2 → 0.1.3
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.
- checksums.yaml +4 -4
- data/app/assets/javascripts/chosen.jquery.js +111 -66
- data/app/assets/javascripts/foundation.tooltips.custom.js +10 -3
- data/app/assets/javascripts/jquery.placeholder.js +185 -0
- data/app/assets/javascripts/shBrushSass.js +4 -3
- data/app/assets/javascripts/shCore.custom.js +6 -0
- data/app/assets/stylesheets/bourbon/_bourbon-deprecated-upcoming.scss +1 -1
- data/app/assets/stylesheets/globals/_base.scss +4 -3
- data/app/assets/stylesheets/globals/_entypo.scss +4 -6
- data/app/assets/stylesheets/globals/_header.scss +8 -14
- data/app/assets/stylesheets/globals/_mixins.scss +7 -4
- data/app/assets/stylesheets/globals/_vars.scss +9 -9
- data/app/assets/stylesheets/modules/_accordion.scss +5 -6
- data/app/assets/stylesheets/modules/_actions.scss +3 -0
- data/app/assets/stylesheets/modules/{_notice.scss → _alert.scss} +32 -22
- data/app/assets/stylesheets/modules/_btn.scss +147 -37
- data/app/assets/stylesheets/modules/_btnbar.scss +16 -12
- data/app/assets/stylesheets/modules/_code.scss +15 -1
- data/app/assets/stylesheets/modules/_copy.scss +4 -1
- data/app/assets/stylesheets/modules/_definition.scss +15 -6
- data/app/assets/stylesheets/modules/_disabled.scss +12 -0
- data/app/assets/stylesheets/modules/_docs.scss +3 -79
- data/app/assets/stylesheets/modules/_dropdown.scss +2 -2
- data/app/assets/stylesheets/modules/_flex.scss +26 -18
- data/app/assets/stylesheets/modules/_grid.scss +14 -15
- data/app/assets/stylesheets/modules/_input.scss +21 -7
- data/app/assets/stylesheets/modules/_label.scss +29 -1
- data/app/assets/stylesheets/modules/_list.scss +2 -3
- data/app/assets/stylesheets/modules/_modal.scss +15 -11
- data/app/assets/stylesheets/modules/_pane.scss +58 -5
- data/app/assets/stylesheets/modules/_select.scss +96 -28
- data/app/assets/stylesheets/modules/_sidebar.scss +10 -10
- data/app/assets/stylesheets/modules/_syntax-highlighter.scss +12 -2
- data/app/assets/stylesheets/modules/_table.scss +117 -44
- data/app/assets/stylesheets/modules/_tabs.scss +56 -0
- data/app/assets/stylesheets/modules/_toggle.scss +121 -0
- data/app/assets/stylesheets/modules/_tooltip.scss +34 -17
- data/app/assets/stylesheets/moovui.scss +12 -3
- data/lib/moovui/version.rb +1 -1
- metadata +14 -11
- data/app/assets/stylesheets/fonts/TSTARPRO-BoldWeb.eot +0 -0
- data/app/assets/stylesheets/fonts/TSTARPRO-BoldWeb.woff +0 -0
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
@mixin toggle {
|
|
2
|
+
@include border-radius(3px);
|
|
3
|
+
background: #fff;
|
|
4
|
+
border: 1px solid #d4d4d4;
|
|
5
|
+
display: inline-block;
|
|
6
|
+
font-size: 0;
|
|
7
|
+
overflow: hidden;
|
|
8
|
+
position: relative;
|
|
9
|
+
text-align: center;
|
|
10
|
+
vertical-align: middle;
|
|
11
|
+
width: 100px;
|
|
12
|
+
height: 30px;
|
|
13
|
+
input[type="checkbox"] {
|
|
14
|
+
@include appearance(none);
|
|
15
|
+
margin: 0;
|
|
16
|
+
opacity: 0;
|
|
17
|
+
position: absolute;
|
|
18
|
+
left: 0;
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
z-index: 1;
|
|
22
|
+
&:checked + span, &:not(:checked) ~ span:last-child {
|
|
23
|
+
@include box-shadow(rgba(#000, 0.1) 0 1px 1px inset);
|
|
24
|
+
@include box-sizing(content-box);
|
|
25
|
+
padding: 0 1px;
|
|
26
|
+
}
|
|
27
|
+
&:checked + span {
|
|
28
|
+
background: #d9f2ce;
|
|
29
|
+
margin-right: -1px;
|
|
30
|
+
}
|
|
31
|
+
&:not(:checked) ~ span:last-child {
|
|
32
|
+
background: #ddd;
|
|
33
|
+
margin-left: -1px;
|
|
34
|
+
}
|
|
35
|
+
&:checked ~ span:last-child, &:not(:checked) + span {
|
|
36
|
+
@include btn;
|
|
37
|
+
@include border-radius(3px);
|
|
38
|
+
@include box-shadow(rgba(#fff, 0.8) 0 1px 1px 1px inset);
|
|
39
|
+
border-color: #d4d4d4 #d4d4d4 #b6b6b6;
|
|
40
|
+
color: transparent;
|
|
41
|
+
font-size: 0;
|
|
42
|
+
min-width: 0 !important;
|
|
43
|
+
}
|
|
44
|
+
&:checked ~ span:last-child {
|
|
45
|
+
@include box-shadow(rgba(#fff, 0.8) 0 1px 1px 1px inset, rgba(#000, 0.1) -1px 0 2px);
|
|
46
|
+
margin: -1px -1px -1px 0;
|
|
47
|
+
}
|
|
48
|
+
&:not(:checked) + span {
|
|
49
|
+
@include box-shadow(rgba(#fff, 0.8) 0 1px 1px 1px inset, rgba(#000, 0.1) 1px 0 2px);
|
|
50
|
+
margin: -1px 0 -1px -1px;
|
|
51
|
+
}
|
|
52
|
+
&:disabled ~ span {
|
|
53
|
+
color: #999;
|
|
54
|
+
opacity: 0.5;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
input[type="radio"] {
|
|
59
|
+
@include appearance(none);
|
|
60
|
+
margin: 0;
|
|
61
|
+
opacity: 0;
|
|
62
|
+
position: absolute;
|
|
63
|
+
left: 0;
|
|
64
|
+
width: 100%;
|
|
65
|
+
height: 100%;
|
|
66
|
+
z-index: 1;
|
|
67
|
+
&:checked {
|
|
68
|
+
z-index: 0;
|
|
69
|
+
}
|
|
70
|
+
&:checked + span {
|
|
71
|
+
@include box-shadow(rgba(#000, 0.1) 0 1px 1px inset);
|
|
72
|
+
@include box-sizing(content-box);
|
|
73
|
+
padding: 0 1px;
|
|
74
|
+
}
|
|
75
|
+
&:first-of-type:checked + span {
|
|
76
|
+
background: #d9f2ce;
|
|
77
|
+
margin-right: -1px;
|
|
78
|
+
}
|
|
79
|
+
&:last-of-type:checked + span {
|
|
80
|
+
background: #ddd;
|
|
81
|
+
margin-left: -1px;
|
|
82
|
+
}
|
|
83
|
+
&:not(:checked) + span {
|
|
84
|
+
@include btn;
|
|
85
|
+
@include border-radius(3px);
|
|
86
|
+
@include box-shadow(rgba(#000, 0.05) 0 1px, rgba(#fff, 0.8) 0 1px 1px 1px inset);
|
|
87
|
+
border-color: #d4d4d4 #d4d4d4 #b6b6b6;
|
|
88
|
+
color: transparent;
|
|
89
|
+
font-size: 0;
|
|
90
|
+
min-width: 0 !important;
|
|
91
|
+
}
|
|
92
|
+
&:first-of-type:not(:checked) + span {
|
|
93
|
+
@include box-shadow(rgba(#fff, 0.8) 0 1px 1px 1px inset, rgba(#000, 0.1) 1px 0 2px);
|
|
94
|
+
margin: -1px 0 -1px -1px;
|
|
95
|
+
}
|
|
96
|
+
&:last-of-type:not(:checked) + span {
|
|
97
|
+
@include box-shadow(rgba(#fff, 0.8) 0 1px 1px 1px inset, rgba(#000, 0.1) -1px 0 2px);
|
|
98
|
+
margin: -1px -1px -1px 0;
|
|
99
|
+
}
|
|
100
|
+
&:disabled + span {
|
|
101
|
+
color: #999;
|
|
102
|
+
opacity: 0.5;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
span {
|
|
107
|
+
color: #666;
|
|
108
|
+
font-weight: bold;
|
|
109
|
+
display: inline-block;
|
|
110
|
+
font-size: 12px;
|
|
111
|
+
line-height: 29px;
|
|
112
|
+
pointer-events: none;
|
|
113
|
+
text-shadow: rgba(#fff, 0.4) 0 1px;
|
|
114
|
+
text-transform: uppercase;
|
|
115
|
+
width: 50%;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.#{$moovui-prefix}toggle {
|
|
120
|
+
@include toggle;
|
|
121
|
+
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
// copy
|
|
2
|
-
.#{$moovui-prefix}btn[data-tooltip]:empty:active {
|
|
3
|
-
@include
|
|
4
|
-
|
|
5
|
-
|
|
1
|
+
// copy normal style
|
|
2
|
+
.#{$moovui-prefix}btn[data-tooltip]:not(a):empty:active {
|
|
3
|
+
@include background(linear-gradient(#f9f9f9, #eaeaea));
|
|
4
|
+
@include box-shadow(rgba(#000, 0.1) 0 1px 1px, #fff 0 1px inset);
|
|
5
|
+
background-color: #f1f1f1;
|
|
6
|
+
border: 1px solid #ccc;
|
|
6
7
|
}
|
|
7
8
|
|
|
8
9
|
@if $moovui-init {
|
|
@@ -11,25 +12,16 @@
|
|
|
11
12
|
background: rgba(#000, 0.7);
|
|
12
13
|
color: #fff;
|
|
13
14
|
display: none;
|
|
14
|
-
font-size:
|
|
15
|
+
font-size: 12px;
|
|
16
|
+
letter-spacing: 0.25px;
|
|
15
17
|
line-height: 20px;
|
|
16
18
|
padding: 6px $sp;
|
|
17
19
|
position: absolute;
|
|
18
20
|
left: 50%;
|
|
19
21
|
max-width: 85%;
|
|
20
22
|
width: 100%;
|
|
23
|
+
min-height: 32px;
|
|
21
24
|
z-index: 999;
|
|
22
|
-
> .nub {
|
|
23
|
-
border: solid 5px;
|
|
24
|
-
border-color: transparent transparent #000 transparent;
|
|
25
|
-
display: block;
|
|
26
|
-
opacity: 0.7;
|
|
27
|
-
position: absolute;
|
|
28
|
-
top: -10px;
|
|
29
|
-
left: 5px;
|
|
30
|
-
width: 0;
|
|
31
|
-
height: 0;
|
|
32
|
-
}
|
|
33
25
|
&.tip-top > .nub {
|
|
34
26
|
border-color: #000 transparent transparent transparent;
|
|
35
27
|
top: auto;
|
|
@@ -49,6 +41,28 @@
|
|
|
49
41
|
right: auto;
|
|
50
42
|
left: -10px;
|
|
51
43
|
}
|
|
44
|
+
> .nub, &.tip-override > .nub {
|
|
45
|
+
border: solid 5px;
|
|
46
|
+
border-color: transparent transparent #000 transparent;
|
|
47
|
+
display: block;
|
|
48
|
+
margin: 0;
|
|
49
|
+
opacity: 0.7;
|
|
50
|
+
position: absolute;
|
|
51
|
+
top: -10px;
|
|
52
|
+
left: 5px;
|
|
53
|
+
width: 0;
|
|
54
|
+
height: 0;
|
|
55
|
+
}
|
|
56
|
+
.tap-to-close {
|
|
57
|
+
@include hide-text;
|
|
58
|
+
position: absolute;
|
|
59
|
+
top: -3px;
|
|
60
|
+
right: 5px;
|
|
61
|
+
&:before {
|
|
62
|
+
@include icon-cross;
|
|
63
|
+
font-size: 12px;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
52
66
|
a {
|
|
53
67
|
color: tint($link-color, 25%);
|
|
54
68
|
}
|
|
@@ -56,4 +70,7 @@
|
|
|
56
70
|
font-size: 12px;
|
|
57
71
|
}
|
|
58
72
|
}
|
|
73
|
+
html.touch .tooltip {
|
|
74
|
+
padding-right: 18px;
|
|
75
|
+
}
|
|
59
76
|
}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
$moovui-init: true !default;
|
|
2
2
|
$moovui-prefix: "" !default;
|
|
3
|
+
$entypo-ie-src: url("fonts/entypo.eot") !default;
|
|
4
|
+
$entypo-src: url("fonts/entypo.eot?#iefix") format("embedded-opentype"),
|
|
5
|
+
url("fonts/entypo.woff") format("woff"),
|
|
6
|
+
url("fonts/entypo.ttf") format("truetype"),
|
|
7
|
+
url("fonts/entypo.svg#entypo") format("svg") !default;
|
|
3
8
|
|
|
4
9
|
@import "bourbon/bourbon";
|
|
5
10
|
@import "globals/normalize";
|
|
@@ -16,13 +21,17 @@ $moovui-prefix: "" !default;
|
|
|
16
21
|
@import "globals/footer";
|
|
17
22
|
|
|
18
23
|
// Modules
|
|
24
|
+
@import "modules/resp";
|
|
19
25
|
@import "modules/accordion";
|
|
26
|
+
@import "modules/actions";
|
|
27
|
+
@import "modules/alert";
|
|
20
28
|
@import "modules/btn";
|
|
21
29
|
@import "modules/btnbar";
|
|
22
30
|
@import "modules/code";
|
|
23
31
|
@import "modules/copy";
|
|
24
|
-
@import "modules/docs";
|
|
25
32
|
@import "modules/definition";
|
|
33
|
+
@import "modules/disabled";
|
|
34
|
+
@import "modules/docs";
|
|
26
35
|
@import "modules/dropdown";
|
|
27
36
|
@import "modules/flex";
|
|
28
37
|
@import "modules/grid";
|
|
@@ -31,13 +40,13 @@ $moovui-prefix: "" !default;
|
|
|
31
40
|
@import "modules/list";
|
|
32
41
|
@import "modules/media";
|
|
33
42
|
@import "modules/modal";
|
|
34
|
-
@import "modules/notice";
|
|
35
43
|
@import "modules/pane";
|
|
36
|
-
@import "modules/resp";
|
|
37
44
|
@import "modules/select";
|
|
38
45
|
@import "modules/sidebar";
|
|
39
46
|
@import "modules/syntax-highlighter";
|
|
40
47
|
@import "modules/table";
|
|
48
|
+
@import "modules/tabs";
|
|
49
|
+
@import "modules/toggle";
|
|
41
50
|
@import "modules/tooltip";
|
|
42
51
|
|
|
43
52
|
$moovui-init: false;
|
data/lib/moovui/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: moovui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Kevin Liou, Christopher Neale
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-
|
|
11
|
+
date: 2014-12-01 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: bundler
|
|
15
15
|
requirement: !ruby/object:Gem::Requirement
|
|
16
16
|
requirements:
|
|
17
|
-
- -
|
|
17
|
+
- - ~>
|
|
18
18
|
- !ruby/object:Gem::Version
|
|
19
19
|
version: '1.5'
|
|
20
20
|
type: :development
|
|
21
21
|
prerelease: false
|
|
22
22
|
version_requirements: !ruby/object:Gem::Requirement
|
|
23
23
|
requirements:
|
|
24
|
-
- -
|
|
24
|
+
- - ~>
|
|
25
25
|
- !ruby/object:Gem::Version
|
|
26
26
|
version: '1.5'
|
|
27
27
|
- !ruby/object:Gem::Dependency
|
|
28
28
|
name: rake
|
|
29
29
|
requirement: !ruby/object:Gem::Requirement
|
|
30
30
|
requirements:
|
|
31
|
-
- -
|
|
31
|
+
- - '>='
|
|
32
32
|
- !ruby/object:Gem::Version
|
|
33
33
|
version: '0'
|
|
34
34
|
type: :development
|
|
35
35
|
prerelease: false
|
|
36
36
|
version_requirements: !ruby/object:Gem::Requirement
|
|
37
37
|
requirements:
|
|
38
|
-
- -
|
|
38
|
+
- - '>='
|
|
39
39
|
- !ruby/object:Gem::Version
|
|
40
40
|
version: '0'
|
|
41
41
|
description: See http://moovweb.github.io/moovui for interactive examples of applying
|
|
@@ -56,6 +56,7 @@ files:
|
|
|
56
56
|
- app/assets/javascripts/foundation.reveal.js
|
|
57
57
|
- app/assets/javascripts/foundation.section.js
|
|
58
58
|
- app/assets/javascripts/foundation.tooltips.custom.js
|
|
59
|
+
- app/assets/javascripts/jquery.placeholder.js
|
|
59
60
|
- app/assets/javascripts/shBrushBash.js
|
|
60
61
|
- app/assets/javascripts/shBrushJScript.js
|
|
61
62
|
- app/assets/javascripts/shBrushNull.js
|
|
@@ -115,8 +116,6 @@ files:
|
|
|
115
116
|
- app/assets/stylesheets/bourbon/helpers/_radial-positions-parser.scss
|
|
116
117
|
- app/assets/stylesheets/bourbon/helpers/_render-gradients.scss
|
|
117
118
|
- app/assets/stylesheets/bourbon/helpers/_shape-size-stripper.scss
|
|
118
|
-
- app/assets/stylesheets/fonts/TSTARPRO-BoldWeb.eot
|
|
119
|
-
- app/assets/stylesheets/fonts/TSTARPRO-BoldWeb.woff
|
|
120
119
|
- app/assets/stylesheets/fonts/entypo.eot
|
|
121
120
|
- app/assets/stylesheets/fonts/entypo.svg
|
|
122
121
|
- app/assets/stylesheets/fonts/entypo.ttf
|
|
@@ -129,11 +128,14 @@ files:
|
|
|
129
128
|
- app/assets/stylesheets/globals/_normalize.scss
|
|
130
129
|
- app/assets/stylesheets/globals/_vars.scss
|
|
131
130
|
- app/assets/stylesheets/modules/_accordion.scss
|
|
131
|
+
- app/assets/stylesheets/modules/_actions.scss
|
|
132
|
+
- app/assets/stylesheets/modules/_alert.scss
|
|
132
133
|
- app/assets/stylesheets/modules/_btn.scss
|
|
133
134
|
- app/assets/stylesheets/modules/_btnbar.scss
|
|
134
135
|
- app/assets/stylesheets/modules/_code.scss
|
|
135
136
|
- app/assets/stylesheets/modules/_copy.scss
|
|
136
137
|
- app/assets/stylesheets/modules/_definition.scss
|
|
138
|
+
- app/assets/stylesheets/modules/_disabled.scss
|
|
137
139
|
- app/assets/stylesheets/modules/_docs.scss
|
|
138
140
|
- app/assets/stylesheets/modules/_dropdown.scss
|
|
139
141
|
- app/assets/stylesheets/modules/_flex.scss
|
|
@@ -143,13 +145,14 @@ files:
|
|
|
143
145
|
- app/assets/stylesheets/modules/_list.scss
|
|
144
146
|
- app/assets/stylesheets/modules/_media.scss
|
|
145
147
|
- app/assets/stylesheets/modules/_modal.scss
|
|
146
|
-
- app/assets/stylesheets/modules/_notice.scss
|
|
147
148
|
- app/assets/stylesheets/modules/_pane.scss
|
|
148
149
|
- app/assets/stylesheets/modules/_resp.scss
|
|
149
150
|
- app/assets/stylesheets/modules/_select.scss
|
|
150
151
|
- app/assets/stylesheets/modules/_sidebar.scss
|
|
151
152
|
- app/assets/stylesheets/modules/_syntax-highlighter.scss
|
|
152
153
|
- app/assets/stylesheets/modules/_table.scss
|
|
154
|
+
- app/assets/stylesheets/modules/_tabs.scss
|
|
155
|
+
- app/assets/stylesheets/modules/_toggle.scss
|
|
153
156
|
- app/assets/stylesheets/modules/_tooltip.scss
|
|
154
157
|
- app/assets/stylesheets/moovui.scss
|
|
155
158
|
- lib/moovui.rb
|
|
@@ -164,12 +167,12 @@ require_paths:
|
|
|
164
167
|
- lib
|
|
165
168
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
166
169
|
requirements:
|
|
167
|
-
- -
|
|
170
|
+
- - '>='
|
|
168
171
|
- !ruby/object:Gem::Version
|
|
169
172
|
version: '0'
|
|
170
173
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
171
174
|
requirements:
|
|
172
|
-
- -
|
|
175
|
+
- - '>='
|
|
173
176
|
- !ruby/object:Gem::Version
|
|
174
177
|
version: '0'
|
|
175
178
|
requirements: []
|
|
Binary file
|
|
Binary file
|