waterfall_bourbon_neat_rails 0.1.9.6 → 0.1.9.7
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/stylesheets/custom/_base.scss +4 -1
- data/app/assets/stylesheets/custom/_components.scss +0 -172
- data/app/assets/stylesheets/custom/_pages.scss +2 -2
- data/app/assets/stylesheets/custom/_reset.scss +1 -2
- data/app/assets/stylesheets/custom/components/_config.scss +3 -1
- data/app/assets/stylesheets/custom/components/_table.scss +92 -0
- data/app/assets/stylesheets/custom/components/_toolbar.scss +80 -0
- data/lib/waterfall_bourbon_neat_rails/version.rb +1 -1
- metadata +24 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 17aa9c8bca1a97b4357033f9c0f0c877ef0247b5
|
|
4
|
+
data.tar.gz: 29ead66c51dfbe0cc81aa527dae85acc9b8bf2cb
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 3edb5d8a1814b5e9b4a38fc4bfd0a50e8a29bf022a3cdb9d50335e0671af4facd813bd27749ee0a1d4c639c1a8fe262e9beea15ec50ada9b180e22bd2a6670d7
|
|
7
|
+
data.tar.gz: 5d0efa5804fa7117779cae2e05db226baa8c579e45106691452a62f726dccd659f7294a46b0352eea60a3e4143bce926a62cefa1cd74e4ce6b6fb7152e243e54
|
|
@@ -8,7 +8,10 @@
|
|
|
8
8
|
* {
|
|
9
9
|
@include box-sizing(border-box);
|
|
10
10
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
11
|
-
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
body{
|
|
14
|
+
-webkit-text-size-adjust: 100%;
|
|
12
15
|
-ms-text-size-adjust: 100%;
|
|
13
16
|
-webkit-font-smoothing: antialiased;
|
|
14
17
|
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
|
|
@@ -44,179 +44,7 @@ input.error{
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
//toolbar component
|
|
48
47
|
|
|
49
|
-
.toolbar{
|
|
50
|
-
background: rgba(255, 255, 255, 0.43);
|
|
51
|
-
border: solid 1px #A8A8A8;
|
|
52
|
-
padding:10px 5px;
|
|
53
|
-
position: relative;
|
|
54
|
-
|
|
55
|
-
.toolbar_item{
|
|
56
|
-
display:inline-block;
|
|
57
|
-
height:40px;
|
|
58
|
-
width:120px;
|
|
59
|
-
line-height:40px;
|
|
60
|
-
text-align:center;
|
|
61
|
-
margin:5px;
|
|
62
|
-
border-radius:3px;
|
|
63
|
-
cursor:pointer;
|
|
64
|
-
@include font-attr(1.1em, whitesmoke, bold);
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.toolbar_item.enabled{
|
|
68
|
-
background-color:$medium_blue;
|
|
69
|
-
color: white;
|
|
70
|
-
box-shadow: 3px 3px 7px 1px #1C1D1F;
|
|
71
|
-
|
|
72
|
-
&:hover{
|
|
73
|
-
box-shadow: 1px 1px 4px 1px #1C1D1F;
|
|
74
|
-
font-size: 1.0em;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
.toolbar_item.disabled{
|
|
79
|
-
background-color: #B0B0B2;
|
|
80
|
-
color: #E0E0E0;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.toolbar_item-pagination{
|
|
84
|
-
position: absolute;
|
|
85
|
-
right: 0;
|
|
86
|
-
top: 10px;
|
|
87
|
-
width: 165px;
|
|
88
|
-
color: $medium_blue;
|
|
89
|
-
|
|
90
|
-
input{
|
|
91
|
-
display: inline-block;
|
|
92
|
-
width: 60px;
|
|
93
|
-
margin-top: 10px;
|
|
94
|
-
margin-left: 30px;
|
|
95
|
-
height: 35px;
|
|
96
|
-
padding-left: 5px;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.previous, .next{
|
|
100
|
-
position: absolute;
|
|
101
|
-
top:17px;
|
|
102
|
-
display: block;
|
|
103
|
-
width: 20px;
|
|
104
|
-
height: 20px;
|
|
105
|
-
@include rotate(45deg);
|
|
106
|
-
|
|
107
|
-
&:hover{
|
|
108
|
-
box-shadow: none;
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
.previous{
|
|
113
|
-
left:5px;
|
|
114
|
-
border-left: solid 4px blue;
|
|
115
|
-
border-bottom: solid 4px blue;
|
|
116
|
-
box-shadow: -4px 4px 4px 0px rgba(150, 150, 150, 1);
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.next{
|
|
120
|
-
right:12px;
|
|
121
|
-
border-top: solid 4px blue;
|
|
122
|
-
border-right: solid 4px blue;
|
|
123
|
-
box-shadow: 4px -4px 4px 0px rgba(150, 150, 150, 1);
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
//table component
|
|
130
|
-
|
|
131
|
-
.rwd-table {
|
|
132
|
-
margin: 1em 0;
|
|
133
|
-
min-width: 300px; // adjust to your needs
|
|
134
|
-
font-size: 16px;
|
|
135
|
-
|
|
136
|
-
tr {
|
|
137
|
-
border-top: 1px solid #ddd;
|
|
138
|
-
border-bottom: 1px solid #ddd;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
th {
|
|
142
|
-
display: none; // for accessibility, use a visually hidden method here instead! Thanks, reddit!
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
td {
|
|
146
|
-
display: block;
|
|
147
|
-
|
|
148
|
-
&:first-child {
|
|
149
|
-
padding-top: .5em;
|
|
150
|
-
}
|
|
151
|
-
&:last-child {
|
|
152
|
-
padding-bottom: .5em;
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
&:before {
|
|
156
|
-
content: attr(data-th)": ";
|
|
157
|
-
font-weight: bold;
|
|
158
|
-
|
|
159
|
-
// optional stuff to make it look nicer
|
|
160
|
-
width: 6.5em; // magic number :( adjust according to your own content
|
|
161
|
-
display: inline-block;
|
|
162
|
-
// end options
|
|
163
|
-
|
|
164
|
-
@media (min-width: $breakpoint-alpha) {
|
|
165
|
-
display: none;
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
th, td {
|
|
171
|
-
text-align: left;
|
|
172
|
-
|
|
173
|
-
@media (min-width: $breakpoint-alpha) {
|
|
174
|
-
display: table-cell;
|
|
175
|
-
padding: .25em .5em;
|
|
176
|
-
|
|
177
|
-
&:first-child {
|
|
178
|
-
padding-left: 0;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
&:last-child {
|
|
182
|
-
padding-right: 0;
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
}
|
|
187
|
-
|
|
188
|
-
.rwd-table {
|
|
189
|
-
background: rgba(233, 233, 233, 0.77);;
|
|
190
|
-
table-layout: auto;
|
|
191
|
-
color: #295158;
|
|
192
|
-
overflow: hidden;
|
|
193
|
-
tr > td:first-child {
|
|
194
|
-
cursor: pointer;
|
|
195
|
-
}
|
|
196
|
-
tr.item.selected{
|
|
197
|
-
background-color: $medium_blue;
|
|
198
|
-
color: white;
|
|
199
|
-
}
|
|
200
|
-
th, td {
|
|
201
|
-
margin: .5em 1em;
|
|
202
|
-
@media (min-width: $breakpoint-alpha) {
|
|
203
|
-
padding: 10px!important;
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
thead tr:first-child{
|
|
207
|
-
background: #2399C7;
|
|
208
|
-
@include font-attr(18px, whitesmoke, bolder);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
thead tr{
|
|
212
|
-
th{
|
|
213
|
-
min-width: 100px;
|
|
214
|
-
}
|
|
215
|
-
th:first-child{
|
|
216
|
-
min-width: 40px;
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
48
|
|
|
221
49
|
|
|
222
50
|
//ajax spinner
|
|
@@ -223,7 +223,7 @@ body#main{
|
|
|
223
223
|
position: relative;
|
|
224
224
|
.upload_btn{
|
|
225
225
|
@include btn(#fff, 120px, 40px, 1em, $light_blue, #f7f7f7, $light_blue);
|
|
226
|
-
margin:
|
|
226
|
+
margin: 9px 0;
|
|
227
227
|
}
|
|
228
228
|
input{
|
|
229
229
|
display: none;
|
|
@@ -280,7 +280,7 @@ body#landing-page{
|
|
|
280
280
|
}
|
|
281
281
|
.content{
|
|
282
282
|
#table_structure{
|
|
283
|
-
padding: 20px
|
|
283
|
+
padding: 20px;
|
|
284
284
|
position: relative;
|
|
285
285
|
}
|
|
286
286
|
.container{
|
|
@@ -19,8 +19,7 @@ time, mark, audio, video {
|
|
|
19
19
|
font-family: inherit;
|
|
20
20
|
margin: 0;
|
|
21
21
|
outline: 0;
|
|
22
|
-
padding: 0;
|
|
23
|
-
vertical-align: baseline; }
|
|
22
|
+
padding: 0; }
|
|
24
23
|
|
|
25
24
|
// Correct `block` display not defined in IE 8/9.
|
|
26
25
|
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{ display: block; }
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
//table component
|
|
2
|
+
|
|
3
|
+
.rwd-table {
|
|
4
|
+
margin: 1em 0;
|
|
5
|
+
min-width: 300px; // adjust to your needs
|
|
6
|
+
font-size: 16px;
|
|
7
|
+
|
|
8
|
+
tr {
|
|
9
|
+
border-top: 1px solid #ddd;
|
|
10
|
+
border-bottom: 1px solid #ddd;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
th {
|
|
14
|
+
display: none; // for accessibility, use a visually hidden method here instead! Thanks, reddit!
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
td {
|
|
18
|
+
display: block;
|
|
19
|
+
|
|
20
|
+
&:first-child {
|
|
21
|
+
padding-top: .5em;
|
|
22
|
+
}
|
|
23
|
+
&:last-child {
|
|
24
|
+
padding-bottom: .5em;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&:before {
|
|
28
|
+
content: attr(data-th)": ";
|
|
29
|
+
font-weight: bold;
|
|
30
|
+
|
|
31
|
+
// optional stuff to make it look nicer
|
|
32
|
+
width: 6.5em; // magic number :( adjust according to your own content
|
|
33
|
+
display: inline-block;
|
|
34
|
+
// end options
|
|
35
|
+
|
|
36
|
+
@media (min-width: $breakpoint-alpha) {
|
|
37
|
+
display: none;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
th, td {
|
|
43
|
+
text-align: left;
|
|
44
|
+
|
|
45
|
+
@media (min-width: $breakpoint-alpha) {
|
|
46
|
+
display: table-cell;
|
|
47
|
+
padding: .25em .5em;
|
|
48
|
+
|
|
49
|
+
&:first-child {
|
|
50
|
+
padding-left: 0;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
&:last-child {
|
|
54
|
+
padding-right: 0;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.rwd-table {
|
|
61
|
+
background: rgba(233, 233, 233, 0.77);;
|
|
62
|
+
table-layout: auto;
|
|
63
|
+
color: #295158;
|
|
64
|
+
overflow: hidden;
|
|
65
|
+
tr > td:first-child {
|
|
66
|
+
cursor: pointer;
|
|
67
|
+
}
|
|
68
|
+
tr.item.selected{
|
|
69
|
+
background-color: $medium_blue;
|
|
70
|
+
color: white;
|
|
71
|
+
}
|
|
72
|
+
th, td {
|
|
73
|
+
margin: .5em 1em;
|
|
74
|
+
@media (min-width: $breakpoint-alpha) {
|
|
75
|
+
padding: 10px!important;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
thead tr:first-child{
|
|
79
|
+
background: #2399C7;
|
|
80
|
+
@include font-attr(18px, whitesmoke, bolder);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
thead tr{
|
|
84
|
+
th{
|
|
85
|
+
min-width: 100px;
|
|
86
|
+
vertical-align: center;
|
|
87
|
+
}
|
|
88
|
+
th:first-child{
|
|
89
|
+
min-width: 40px;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
//toolbar component
|
|
2
|
+
|
|
3
|
+
.toolbar{
|
|
4
|
+
background: rgba(255, 255, 255, 0.43);
|
|
5
|
+
border: solid 1px #A8A8A8;
|
|
6
|
+
padding:10px 5px;
|
|
7
|
+
position: relative;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.toolbar_item{
|
|
11
|
+
display:inline-block;
|
|
12
|
+
height:40px;
|
|
13
|
+
width:120px;
|
|
14
|
+
line-height:40px;
|
|
15
|
+
text-align:center;
|
|
16
|
+
margin:5px;
|
|
17
|
+
border-radius:3px;
|
|
18
|
+
cursor:pointer;
|
|
19
|
+
@include font-attr(1.1em, whitesmoke, bold);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.toolbar_item.enabled{
|
|
23
|
+
background-color:$medium_blue;
|
|
24
|
+
color: white;
|
|
25
|
+
box-shadow: 3px 3px 7px 1px #1C1D1F;
|
|
26
|
+
|
|
27
|
+
&:hover{
|
|
28
|
+
box-shadow: 1px 1px 4px 1px #1C1D1F;
|
|
29
|
+
font-size: 1.0em;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.toolbar_item.disabled{
|
|
34
|
+
background-color: #B0B0B2;
|
|
35
|
+
color: #E0E0E0;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.toolbar_item-pagination{
|
|
39
|
+
position: absolute;
|
|
40
|
+
right: 0;
|
|
41
|
+
top: 10px;
|
|
42
|
+
width: 165px;
|
|
43
|
+
color: $medium_blue;
|
|
44
|
+
|
|
45
|
+
input{
|
|
46
|
+
display: inline-block;
|
|
47
|
+
width: 60px;
|
|
48
|
+
margin-top: 10px;
|
|
49
|
+
margin-left: 30px;
|
|
50
|
+
height: 35px;
|
|
51
|
+
padding-left: 5px;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.previous, .next{
|
|
55
|
+
position: absolute;
|
|
56
|
+
top:17px;
|
|
57
|
+
display: block;
|
|
58
|
+
width: 20px;
|
|
59
|
+
height: 20px;
|
|
60
|
+
@include rotate(45deg);
|
|
61
|
+
|
|
62
|
+
&:hover{
|
|
63
|
+
box-shadow: none;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.previous{
|
|
68
|
+
left:5px;
|
|
69
|
+
border-left: solid 4px blue;
|
|
70
|
+
border-bottom: solid 4px blue;
|
|
71
|
+
box-shadow: -4px 4px 4px 0px rgba(150, 150, 150, 1);
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.next{
|
|
75
|
+
right:12px;
|
|
76
|
+
border-top: solid 4px blue;
|
|
77
|
+
border-right: solid 4px blue;
|
|
78
|
+
box-shadow: 4px -4px 4px 0px rgba(150, 150, 150, 1);
|
|
79
|
+
}
|
|
80
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: waterfall_bourbon_neat_rails
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.9.
|
|
4
|
+
version: 0.1.9.7
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Waterfall Software Inc.
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-
|
|
11
|
+
date: 2014-09-01 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: rails
|
|
@@ -150,6 +150,26 @@ dependencies:
|
|
|
150
150
|
- - ">="
|
|
151
151
|
- !ruby/object:Gem::Version
|
|
152
152
|
version: 2.1.5
|
|
153
|
+
- !ruby/object:Gem::Dependency
|
|
154
|
+
name: sass
|
|
155
|
+
requirement: !ruby/object:Gem::Requirement
|
|
156
|
+
requirements:
|
|
157
|
+
- - "~>"
|
|
158
|
+
- !ruby/object:Gem::Version
|
|
159
|
+
version: '3.4'
|
|
160
|
+
- - ">="
|
|
161
|
+
- !ruby/object:Gem::Version
|
|
162
|
+
version: 3.4.1
|
|
163
|
+
type: :runtime
|
|
164
|
+
prerelease: false
|
|
165
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
166
|
+
requirements:
|
|
167
|
+
- - "~>"
|
|
168
|
+
- !ruby/object:Gem::Version
|
|
169
|
+
version: '3.4'
|
|
170
|
+
- - ">="
|
|
171
|
+
- !ruby/object:Gem::Version
|
|
172
|
+
version: 3.4.1
|
|
153
173
|
- !ruby/object:Gem::Dependency
|
|
154
174
|
name: sass-rails
|
|
155
175
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -208,6 +228,8 @@ files:
|
|
|
208
228
|
- app/assets/stylesheets/custom/_variables.scss
|
|
209
229
|
- app/assets/stylesheets/custom/components/_captcha.scss
|
|
210
230
|
- app/assets/stylesheets/custom/components/_config.scss
|
|
231
|
+
- app/assets/stylesheets/custom/components/_table.scss
|
|
232
|
+
- app/assets/stylesheets/custom/components/_toolbar.scss
|
|
211
233
|
- app/assets/stylesheets/custom/rules.txt
|
|
212
234
|
- app/assets/stylesheets/normalize/README.md
|
|
213
235
|
- app/assets/stylesheets/normalize/component.json
|