table_beet 0.0.1 → 0.0.2

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 (33) hide show
  1. data/README.md +1 -1
  2. data/lib/table_beet/formatters/html_template/data/js/jquery.quicksearch.js +181 -0
  3. data/lib/table_beet/formatters/html_template/index.erb +45 -7
  4. data/lib/table_beet/version.rb +1 -1
  5. metadata +5 -32
  6. data/lib/table_beet/formatters/html_template/data/js/coffee/groundwork.coffee +0 -207
  7. data/lib/table_beet/formatters/html_template/data/scss/_buttons.scss +0 -178
  8. data/lib/table_beet/formatters/html_template/data/scss/_callouts.scss +0 -51
  9. data/lib/table_beet/formatters/html_template/data/scss/_font-awesome.scss +0 -534
  10. data/lib/table_beet/formatters/html_template/data/scss/_forms.scss +0 -164
  11. data/lib/table_beet/formatters/html_template/data/scss/_global.scss +0 -31
  12. data/lib/table_beet/formatters/html_template/data/scss/_grid.scss +0 -384
  13. data/lib/table_beet/formatters/html_template/data/scss/_layout.scss +0 -78
  14. data/lib/table_beet/formatters/html_template/data/scss/_messages.scss +0 -59
  15. data/lib/table_beet/formatters/html_template/data/scss/_mixins.scss +0 -197
  16. data/lib/table_beet/formatters/html_template/data/scss/_mobile-reset.scss +0 -11
  17. data/lib/table_beet/formatters/html_template/data/scss/_modals.scss +0 -101
  18. data/lib/table_beet/formatters/html_template/data/scss/_navigation.scss +0 -284
  19. data/lib/table_beet/formatters/html_template/data/scss/_orbit.scss +0 -239
  20. data/lib/table_beet/formatters/html_template/data/scss/_popovers.scss +0 -10
  21. data/lib/table_beet/formatters/html_template/data/scss/_reset.scss +0 -77
  22. data/lib/table_beet/formatters/html_template/data/scss/_responsive.scss +0 -293
  23. data/lib/table_beet/formatters/html_template/data/scss/_social-icons.scss +0 -92
  24. data/lib/table_beet/formatters/html_template/data/scss/_tables.scss +0 -80
  25. data/lib/table_beet/formatters/html_template/data/scss/_tabs.scss +0 -137
  26. data/lib/table_beet/formatters/html_template/data/scss/_tooltips.scss +0 -161
  27. data/lib/table_beet/formatters/html_template/data/scss/_typography.scss +0 -263
  28. data/lib/table_beet/formatters/html_template/data/scss/_ui-elements.scss +0 -10
  29. data/lib/table_beet/formatters/html_template/data/scss/_variables.scss +0 -134
  30. data/lib/table_beet/formatters/html_template/data/scss/_webfonts.scss +0 -19
  31. data/lib/table_beet/formatters/html_template/data/scss/groundwork-ie.scss +0 -64
  32. data/lib/table_beet/formatters/html_template/data/scss/groundwork.scss +0 -37
  33. data/lib/table_beet/formatters/html_template/data/scss/no-svg.scss +0 -69
@@ -1,80 +0,0 @@
1
- // ===================================
2
- // Tables
3
- // ===================================
4
-
5
-
6
-
7
-
8
- table {
9
- border:1px solid $border-color;
10
- width:100%;
11
- max-width:100%;
12
- padding:0;
13
- margin:0;
14
- font-size:1em;
15
- &.responsive {
16
- table-layout:fixed;
17
- }
18
- // styles for cells
19
- th, td {
20
- padding:$gutter;
21
- background:darken(white, 1%);
22
- white-space:normal;
23
- word-wrap:break-word;
24
- text-align:left;
25
- }
26
- td {
27
- font-size:0.9em;
28
- }
29
- // every other row
30
- tr:nth-child(even) {
31
- th, td {
32
- background:darken(white, 5%);
33
- }
34
- }
35
- // styles for thead
36
- thead {
37
- tr {
38
- th {
39
- font-size:1.1em;
40
- font-weight:bold;
41
- }
42
- th, td {
43
- background:$button-color;
44
- color:$button-text;
45
- }
46
- td {
47
- font-weight:normal;
48
- }
49
- }
50
- }
51
- tr {
52
- td {
53
-
54
- }
55
- }
56
- // styles for tbody
57
- tbody {
58
- tr {
59
- th {
60
- font-size:0.9em;
61
- }
62
- td {
63
-
64
- }
65
- }
66
- }
67
- // styles for tfoot
68
- tfoot {
69
- tr {
70
- th {
71
- font-size:1em;
72
- }
73
- td {
74
- background:lighten(gray, 37.5%);
75
- color:darken(gray, 15%);
76
- font-size:0.8em;
77
- }
78
- }
79
- }
80
- }
@@ -1,137 +0,0 @@
1
- // ===================================
2
- // GroundworkCSS Tabs
3
- // ===================================
4
-
5
-
6
-
7
-
8
- .tabs {
9
- position:relative;
10
- > ul {
11
- display:block;
12
- width:100%;
13
- margin:0;
14
- padding:0;
15
- list-style:none;
16
- &:after {
17
- content:'';
18
- display:block;
19
- clear:both;
20
- }
21
- li {
22
- display:block;
23
- float:left;
24
- margin:0 2px;
25
- &.pull-right { float:right; }
26
- &.pull-left { float:left; }
27
- &:first-child {
28
- margin-left:0;
29
- a {
30
- &:before {
31
- display:none;
32
- }
33
- }
34
- }
35
- a {
36
- display:block;
37
- position:relative;
38
- width:100%;
39
- word-wrap:break-word;
40
- padding:0.25em 1em;
41
- background:$button-color;
42
- border:1px solid $button-color;
43
- color:$button-text;
44
- font-weight:bold;
45
- font-size:1em;
46
- text-decoration:none;
47
- text-align:center;
48
- cursor:pointer;
49
- line-height:1.5;
50
- height:2em;
51
- @include transition(background-color 0.25s ease-out);
52
- @include rounded($radius $radius 0 0);
53
- &:hover, &:focus {
54
- background:$button-active;
55
- border:1px solid $button-active;
56
- color:$button-text;
57
- text-decoration:none;
58
- &:before {
59
- box-shadow:2px 1px 0 $button-active;
60
- }
61
- &:after {
62
- box-shadow:-2px 1px 0 $button-active;
63
- }
64
- }
65
- &.active, &.active:hover, &.active:focus {
66
- background:$button-active;
67
- border:1px solid $button-active;
68
- color:$button-text;
69
- z-index:2;
70
- @include filter-shadow(rgba(0,0,0,0.25), 5px, 0, 0);
71
- &:before {
72
- box-shadow:2px 1px 0 $button-active;
73
- }
74
- &:after {
75
- box-shadow:-2px 1px 0 $button-active;
76
- }
77
- }
78
- &.disabled {
79
- background:lighten(gray, 15%);
80
- color:lighten(gray, 35%);
81
- cursor:not-allowed;
82
- border-color:lighten(gray, 15%);
83
- &:before {
84
- box-shadow:2px 1px 0 lighten(gray, 15%);
85
- }
86
- &:after {
87
- box-shadow:-2px 1px 0 lighten(gray, 15%);
88
- }
89
- &:hover, &:focus {
90
- background:lighten(gray, 15%);
91
- border:1px solid lighten(gray, 15%);
92
- color:lighten(gray, 35%);
93
- &:before {
94
- box-shadow:2px 1px 0 lighten(gray, 15%);
95
- }
96
- &:after {
97
- box-shadow:-2px 1px 0 lighten(gray, 15%);
98
- }
99
- }
100
- }
101
- &:before, &:after {
102
- position:absolute;
103
- bottom:-1px;
104
- width:6px;
105
- height:6px;
106
- content:'';
107
- }
108
- &:before {
109
- left:-6px;
110
- border-bottom-right-radius:6px;
111
- border-width:0 1px 1px 0;
112
- box-shadow:2px 1px 0 $button-color;
113
- }
114
- &:after {
115
- right:-6px;
116
- border-bottom-left-radius:6px;
117
- border-width:0 0 1px 1px;
118
- box-shadow:-2px 1px 0 $button-color;
119
- }
120
- }
121
- }
122
- }
123
- > div {
124
- display:none;
125
- padding:$gutter * 2;
126
- *:first-child {
127
- margin-top:0;
128
- }
129
- *:last-child {
130
- margin-bottom:0;
131
- }
132
- &.active {
133
- display:block;
134
- border:1px solid $button-active;
135
- }
136
- }
137
- }
@@ -1,161 +0,0 @@
1
- // ===================================
2
- // Tooltips
3
- // ===================================
4
-
5
-
6
-
7
-
8
- .tooltip:not([title]):not([role~=tooltip]) {
9
- position:relative;
10
- padding:5px 15px;
11
- background:$button-color;
12
- border:1px solid $border-color;
13
- @include rounded($radius);
14
- @include filter-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
15
- font-size:13px;
16
- color:$button-text;
17
- &:after {
18
- content:'';
19
- display:block;
20
- position:absolute;
21
- margin-top:5px;
22
- width:0;
23
- height:0;
24
- border-top:6px solid $button-color;
25
- border-right:6px solid transparent;
26
- border-left:6px solid transparent;
27
- }
28
- &:before {
29
- content:'';
30
- display:block;
31
- position:absolute;
32
- bottom:-7px;
33
- left:12px;
34
- border-top:6px solid $border-color;
35
- border-right:9px solid transparent;
36
- border-left:9px solid transparent;
37
- }
38
- a.close {
39
- display:block;
40
- width:17px;
41
- height:17px;
42
- line-height:17px;
43
- padding:0;
44
- margin:0 -10px 5px 5px;
45
- text-align:center;
46
- float:right;
47
- color:$button-text;
48
- border:1px solid lighten($button-color, 15%);
49
- background:white;
50
- text-decoration:none;
51
- font-size:12px;
52
- @include rounded($radius / 2);
53
- i {
54
- color:inherit;
55
- }
56
- }
57
- }
58
- #tooltip {
59
- display:block;
60
- max-width:640px;
61
- position:absolute;
62
- z-index:97;
63
- padding:5px 15px;
64
- background:$button-color;
65
- border:1px solid $border-color;
66
- @include rounded($radius);
67
- @include filter-shadow(rgba(0,0,0,0.15), 8px, 3px, 3px); // color, blur, x, y
68
- font-size:13px;
69
- text-transform:normal;
70
- color:$button-text;
71
- &:after, &:before {
72
- content:'';
73
- position:absolute;
74
- z-index:98;
75
- width:0;
76
- height:0;
77
- }
78
- &:after {
79
- z-index:99;
80
- }
81
- &.top.right {
82
- &:after {
83
- top:auto;
84
- right:12px;
85
- bottom:-6px;
86
- left:auto;
87
- border-top:6px solid $button-color;
88
- border-right:6px solid transparent;
89
- border-left:6px solid transparent;
90
- }
91
- &:before {
92
- top:auto;
93
- right:10px;
94
- bottom:-7px;
95
- left:auto;
96
- border-top:6px solid $border-color;
97
- border-right:8px solid transparent;
98
- border-left:8px solid transparent;
99
- }
100
- }
101
- &.top.left {
102
- &:after {
103
- top:auto;
104
- right:auto;
105
- bottom:-6px;
106
- left:12px;
107
- border-top:6px solid $button-color;
108
- border-right:6px solid transparent;
109
- border-left:6px solid transparent;
110
- }
111
- &:before {
112
- top:auto;
113
- right:auto;
114
- bottom:-7px;
115
- left:10px;
116
- border-top:6px solid $border-color;
117
- border-right:8px solid transparent;
118
- border-left:8px solid transparent;
119
- }
120
- }
121
- &.bottom.right {
122
- &:after {
123
- top:-6px;
124
- right:12px;
125
- bottom:auto;
126
- left:auto;
127
- border-right:6px solid transparent;
128
- border-bottom:6px solid $button-color;
129
- border-left:6px solid transparent;
130
- }
131
- &:before {
132
- top:-7px;
133
- right:10px;
134
- bottom:auto;
135
- left:auto;
136
- border-right:8px solid transparent;
137
- border-bottom:6px solid $border-color;
138
- border-left:8px solid transparent;
139
- }
140
- }
141
- &.bottom.left {
142
- &:after {
143
- top:-6px;
144
- right:auto;
145
- bottom:auto;
146
- left:12px;
147
- border-right:6px solid transparent;
148
- border-bottom:6px solid $button-color;
149
- border-left:6px solid transparent;
150
- }
151
- &:before {
152
- top:-7px;
153
- right:auto;
154
- bottom:auto;
155
- left:10px;
156
- border-right:8px solid transparent;
157
- border-bottom:6px solid $border-color;
158
- border-left:8px solid transparent;
159
- }
160
- }
161
- }
@@ -1,263 +0,0 @@
1
- // ===================================
2
- // GroundworkCSS Typography
3
- // ===================================
4
-
5
-
6
-
7
-
8
- body {
9
- font-family:$font-family;
10
- font-size:$font-size;
11
- line-height:1.2;
12
- color:$font-color;
13
- }
14
- ::selection {
15
- background:$selection-color;
16
- color:$selection-text;
17
- }
18
- ::-moz-selection {
19
- background:$selection-color;
20
- color:$selection-text;
21
- }
22
- // * {
23
- // outline:none;
24
- // &:focus {
25
- // @include filter-shadow(rgba(0,0,0,0.35), 15px, 0, 0);
26
- // }
27
- // }
28
- a, a:visited {
29
- color:$link-color;
30
- @include transition(color 0.25s);
31
- &:hover, &:focus {
32
- text-decoration:underline;
33
- }
34
- }
35
- h1.heading {
36
- font-size:3em;
37
- text-shadow:0 0 5px rgba(0,0,0,0.25);
38
- a, a:visited {
39
- color:$font-color;
40
- text-decoration:none;
41
- a:hover, a:focus {
42
- color:$font-color;
43
- text-decoration:none;
44
- }
45
- }
46
- sup {
47
- font-size:0.35em;
48
- }
49
- .logo {
50
- display:inline-block;
51
- width:1em;
52
- height:1em;
53
- position:relative;
54
- top:0.1em;
55
- background:transparent url('../images/groundwork-logo.svg') bottom right no-repeat;
56
- background-size:100% 100%;
57
- text-indent:-9999em;
58
- overflow:hidden;
59
- @include filter-shadow(rgba(0,0,0,0.25), 5px, 0, 0); // color, blur, x, y
60
- }
61
- }
62
- h1, h2, h3, h4, h5, h6 {
63
- @include font-stack('Average Sans');
64
- line-height:1.1;
65
- margin-bottom:15px;
66
- }
67
- h1 {
68
- font-weight:200;
69
- font-size:$font-size * 2.3333333333;
70
- }
71
- h2 {
72
- font-weight:200;
73
- font-size:$font-size * 2;
74
- }
75
- h3 {
76
- font-weight:500;
77
- font-size:$font-size * 1.5;
78
- }
79
- h4 {
80
- font-weight:500;
81
- font-size:$font-size * 1.3333333333;
82
- }
83
- h5 {
84
- font-weight:900;
85
- font-size:$font-size * 1.1666666667;
86
- }
87
- h6 {
88
- font-weight:900;
89
- font-size:$font-size * 1.1666666667;
90
- text-transform:uppercase;
91
- }
92
- p, ul, ol, dl {
93
- margin-bottom:10px;
94
- font-weight:normal;
95
- font-size:1em;
96
- line-height:1.6;
97
- }
98
- ul, ol {
99
- margin-left:20px;
100
- }
101
- ul {
102
- list-style-type:circle;
103
- }
104
- ul.list {
105
- list-style:none;
106
- margin-left:0;
107
- li {
108
- &:before {
109
- content:'\f00c';
110
- display: inline-block;
111
- width: 1.1em;
112
- margin-right:0.25em;
113
- font-family: FontAwesome;
114
- font-weight: normal;
115
- font-style: normal;
116
- font-size:1.1em;
117
- text-decoration: inherit;
118
- -webkit-font-smoothing: antialiased;
119
- line-height: normal;
120
- vertical-align: baseline;
121
- background-image: none;
122
- background-position: 0% 0%;
123
- background-repeat: repeat;
124
- margin-top: 0;
125
- }
126
- }
127
- }
128
- ol.list {
129
- counter-reset:li;
130
- list-style:none;
131
- margin-left:1.5em;
132
- }
133
- ol.list > li {
134
- position:relative;
135
- padding:2px 6px 0;
136
- }
137
- ol.list > li:before {
138
- content:counter(li);
139
- counter-increment:li;
140
- position:absolute;
141
- top:2px;
142
- left:-2em;
143
- width:2em;
144
- text-align:center;
145
- padding:2px;
146
- font-size:0.8em;
147
- color:$background-color;
148
- background:$font-color;
149
- font-weight:bold;
150
- @include rounded(4px);
151
- }
152
- dl {
153
- dt {
154
- font-weight:bold;
155
- }
156
- dd {
157
- padding-left:1em;
158
- margin-bottom:$gutter;
159
- }
160
- }
161
- blockquote {
162
- padding:1.3em 4em 1em;
163
- color:$font-color;
164
- font-size:$font-size*1.15;
165
- font-weight:bold;
166
- line-height:1.4;
167
- position:relative;
168
- z-index:0;
169
- &:before {
170
- content:'\201C';
171
- color:darken($background-color, 20%);
172
- font-size:6em;
173
- display:block;
174
- position:absolute;
175
- top:-0.15em;
176
- left:0.1em;
177
- z-index:-1;
178
- }
179
- &:after {
180
- content:'\201D';
181
- color:darken($background-color, 20%);
182
- font-size:6em;
183
- display:block;
184
- position:absolute;
185
- top:-0.15em;
186
- right:0.1em;
187
- z-index:-1;
188
- }
189
- }
190
- cite {
191
- display:block;
192
- position:relative;
193
- left:-1em;
194
- margin-top:0.25em;
195
- font-size:0.95em;
196
- font-weight:normal;
197
- font-style:normal;
198
- color:lighten($font-color, 15%);
199
- &:before {
200
- content:'\2014';
201
- }
202
- }
203
- small, .small { font-size:0.8em; }
204
- big, .big, .large { font-size:1.5em; }
205
- em, .italic { font-style:italic; }
206
- b, strong, .bold, .strong { font-weight:900; }
207
- sup { font-size:0.8em; }
208
- sub { font-size:0.8em; }
209
-
210
- code {
211
- color: white;
212
- white-space: pre-wrap;
213
- word-wrap: break-word;
214
- min-height: 1em;
215
- display: inline-block;
216
- color: white;
217
- background: lighten(gray, 5%);
218
- border: none;
219
- padding: 0 0.3em;
220
- margin: 0 0.2em;
221
- font-weight: normal;
222
- line-height: inherit;
223
- }
224
-
225
- pre {
226
- color: white;
227
- background: #050505;
228
- font-size: 0.9em;
229
- padding: 0.5em;
230
- display: block;
231
- margin-bottom:$gutter;
232
- border-left: 2.5em solid gray;
233
- counter-reset: linenumber;
234
- code {
235
- background: inherit;
236
- margin: 0;
237
- padding: 0;
238
- &:before {
239
- text-align: right;
240
- color: white;
241
- width: 2em;
242
- display: inline-block;
243
- counter-increment: linenumber;
244
- content: counter(linenumber) ".";
245
- position: absolute;
246
- left: 1.2em;
247
- }
248
- }
249
- }
250
-
251
- .error, .invalid {
252
- color:$error-color;
253
- }
254
- .success, .valid {
255
- color:$success-color;
256
- }
257
- // responsive headings
258
- .js {
259
- .responsive {
260
- @include transition(font 0.25s);
261
- white-space:nowrap;
262
- }
263
- }