vital 1.2.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 (65) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +27 -0
  3. data/.ruby-version +1 -0
  4. data/CHANGELOG.md +18 -0
  5. data/CONTRIBUTING.md +31 -0
  6. data/Gemfile +2 -0
  7. data/Gemfile.lock +42 -0
  8. data/LICENSE.md +13 -0
  9. data/README.md +92 -0
  10. data/Rakefile +41 -0
  11. data/dist/css/vital.css +1355 -0
  12. data/dist/css/vital.css.map +7 -0
  13. data/dist/css/vital.min.css +2 -0
  14. data/dist/css/vital.min.css.map +7 -0
  15. data/dist/fonts/icons.eot +0 -0
  16. data/dist/fonts/icons.svg +50 -0
  17. data/dist/fonts/icons.ttf +0 -0
  18. data/dist/fonts/icons.woff +0 -0
  19. data/fontcustom.yml +24 -0
  20. data/fonts/icons.eot +0 -0
  21. data/fonts/icons.svg +50 -0
  22. data/fonts/icons.ttf +0 -0
  23. data/fonts/icons.woff +0 -0
  24. data/lib/vital/engine.rb +10 -0
  25. data/lib/vital/version.rb +3 -0
  26. data/lib/vital.rb +57 -0
  27. data/releases/v1.0.0/fonts/icons.eot +0 -0
  28. data/releases/v1.0.0/fonts/icons.svg +50 -0
  29. data/releases/v1.0.0/fonts/icons.ttf +0 -0
  30. data/releases/v1.0.0/fonts/icons.woff +0 -0
  31. data/releases/v1.0.0/stylesheets/vital.min.css +1 -0
  32. data/releases/v1.0.1/fonts/icons.eot +0 -0
  33. data/releases/v1.0.1/fonts/icons.svg +50 -0
  34. data/releases/v1.0.1/fonts/icons.ttf +0 -0
  35. data/releases/v1.0.1/fonts/icons.woff +0 -0
  36. data/releases/v1.0.1/stylesheets/vital.min.css +1 -0
  37. data/releases/v1.1.0/fonts/icons.eot +0 -0
  38. data/releases/v1.1.0/fonts/icons.svg +50 -0
  39. data/releases/v1.1.0/fonts/icons.ttf +0 -0
  40. data/releases/v1.1.0/fonts/icons.woff +0 -0
  41. data/releases/v1.1.0/stylesheets/vital.min.css +1 -0
  42. data/sass/vital/_all.sass +21 -0
  43. data/sass/vital/_base.sass +148 -0
  44. data/sass/vital/_buttons.sass +133 -0
  45. data/sass/vital/_custom.sass +4 -0
  46. data/sass/vital/_footer.sass +33 -0
  47. data/sass/vital/_forms.sass +187 -0
  48. data/sass/vital/_grid.sass +47 -0
  49. data/sass/vital/_header.sass +134 -0
  50. data/sass/vital/_helpers.sass +191 -0
  51. data/sass/vital/_heroes.sass +35 -0
  52. data/sass/vital/_icons.sass +80 -0
  53. data/sass/vital/_loaders.sass +82 -0
  54. data/sass/vital/_normalize.sass +325 -0
  55. data/sass/vital/_notice.sass +20 -0
  56. data/sass/vital/_pagination.sass +32 -0
  57. data/sass/vital/_sprockets.sass +7 -0
  58. data/sass/vital/_syntax.sass +159 -0
  59. data/sass/vital/_tables.sass +40 -0
  60. data/sass/vital/_tabs.sass +61 -0
  61. data/sass/vital/_variables.sass +135 -0
  62. data/sass/vital.css.sass +1 -0
  63. data/sass/vital.sass +1 -0
  64. data/vital.gemspec +23 -0
  65. metadata +164 -0
@@ -0,0 +1,325 @@
1
+ // ! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css
2
+
3
+ //
4
+ // 1. Change the default font family in all browsers (opinionated).
5
+ // 2. Prevent adjustments of font size after orientation changes in IE and iOS.
6
+
7
+ html
8
+ font-family: sans-serif
9
+ // 1
10
+ -ms-text-size-adjust: 100%
11
+ // 2
12
+ -webkit-text-size-adjust: 100%
13
+ // 2
14
+
15
+ //
16
+ // Remove the margin in all browsers (opinionated).
17
+
18
+ body
19
+ margin: 0
20
+
21
+ // HTML5 display definitions
22
+ // ==========================================================================
23
+
24
+ //
25
+ // Add the correct display in IE 9-.
26
+ // 1. Add the correct display in Edge, IE, and Firefox.
27
+ // 2. Add the correct display in IE.
28
+
29
+ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary
30
+ // 1
31
+ display: block
32
+
33
+ //
34
+ // Add the correct display in IE 9-.
35
+
36
+ audio, canvas, progress, video
37
+ display: inline-block
38
+
39
+ //
40
+ // Add the correct display in iOS 4-7.
41
+
42
+ audio:not([controls])
43
+ display: none
44
+ height: 0
45
+
46
+ //
47
+ // Add the correct vertical alignment in Chrome, Firefox, and Opera.
48
+
49
+ progress
50
+ vertical-align: baseline
51
+
52
+ //
53
+ // Add the correct display in IE 10-.
54
+ // 1. Add the correct display in IE.
55
+
56
+ template, [hidden]
57
+ display: none
58
+
59
+ // Links
60
+ // ==========================================================================
61
+
62
+ //
63
+ // Remove the gray background on active links in IE 10.
64
+
65
+ a
66
+ background-color: transparent
67
+ &:active, &:hover
68
+ outline-width: 0
69
+
70
+ //
71
+ // Remove the outline on focused links when they are also active or hovered
72
+ // in all browsers (opinionated).
73
+
74
+ // Text-level semantics
75
+ // ==========================================================================
76
+
77
+ //
78
+ // 1. Remove the bottom border in Firefox 39-.
79
+ // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
80
+
81
+ abbr[title]
82
+ border-bottom: none
83
+ // 1
84
+ text-decoration: underline
85
+ // 2
86
+ text-decoration: underline dotted
87
+ // 2
88
+
89
+ //
90
+ // Prevent the duplicate application of `bolder` by the next rule in Safari 6.
91
+
92
+ b, strong
93
+ font-weight: inherit
94
+
95
+ //
96
+ // Add the correct font weight in Chrome, Edge, and Safari.
97
+
98
+ b, strong
99
+ font-weight: bolder
100
+
101
+ //
102
+ // Add the correct font style in Android 4.3-.
103
+
104
+ dfn
105
+ font-style: italic
106
+
107
+ //
108
+ // Correct the font size and margin on `h1` elements within `section` and
109
+ // `article` contexts in Chrome, Firefox, and Safari.
110
+
111
+ h1
112
+ font-size: 2em
113
+ margin: 0.67em 0
114
+
115
+ //
116
+ // Add the correct background and color in IE 9-.
117
+
118
+ mark
119
+ background-color: #ff0
120
+ color: #000
121
+
122
+ //
123
+ // Add the correct font size in all browsers.
124
+
125
+ small
126
+ font-size: 80%
127
+
128
+ //
129
+ // Prevent `sub` and `sup` elements from affecting the line height in
130
+ // all browsers.
131
+
132
+ sub, sup
133
+ font-size: 75%
134
+ line-height: 0
135
+ position: relative
136
+ vertical-align: baseline
137
+
138
+ sub
139
+ bottom: -0.25em
140
+
141
+ sup
142
+ top: -0.5em
143
+
144
+ // Embedded content
145
+ // ==========================================================================
146
+
147
+ //
148
+ // Remove the border on images inside links in IE 10-.
149
+
150
+ img
151
+ border-style: none
152
+
153
+ //
154
+ // Hide the overflow in IE.
155
+
156
+ svg:not(:root)
157
+ overflow: hidden
158
+
159
+ // Grouping content
160
+ // ==========================================================================
161
+
162
+ //
163
+ // 1. Correct the inheritance and scaling of font size in all browsers.
164
+ // 2. Correct the odd `em` font sizing in all browsers.
165
+
166
+ code, kbd, pre, samp
167
+ font-family: monospace, monospace
168
+ // 1
169
+ font-size: 1em
170
+ // 2
171
+
172
+ //
173
+ // Add the correct margin in IE 8.
174
+
175
+ figure
176
+ margin: 1em 40px
177
+
178
+ //
179
+ // 1. Add the correct box sizing in Firefox.
180
+ // 2. Show the overflow in Edge and IE.
181
+
182
+ hr
183
+ box-sizing: content-box
184
+ // 1
185
+ height: 0
186
+ // 1
187
+ overflow: visible
188
+ // 2
189
+
190
+ // Forms
191
+ // ==========================================================================
192
+
193
+ //
194
+ // Change font properties to `inherit` in all browsers (opinionated).
195
+
196
+ button, input, select, textarea
197
+ font: inherit
198
+
199
+ //
200
+ // Restore the font weight unset by the previous rule.
201
+
202
+ optgroup
203
+ font-weight: bold
204
+
205
+ //
206
+ // Show the overflow in IE.
207
+ // 1. Show the overflow in Edge.
208
+ // 2. Show the overflow in Edge, Firefox, and IE.
209
+
210
+ button, input, select
211
+ // 2
212
+ overflow: visible
213
+
214
+ //
215
+ // Remove the margin in Safari.
216
+ // 1. Remove the margin in Firefox and Safari.
217
+
218
+ button, input, select, textarea
219
+ // 1
220
+ margin: 0
221
+
222
+ //
223
+ // Remove the inheritence of text transform in Edge, Firefox, and IE.
224
+ // 1. Remove the inheritence of text transform in Firefox.
225
+
226
+ button, select
227
+ // 1
228
+ text-transform: none
229
+
230
+ //
231
+ // Change the cursor in all browsers (opinionated).
232
+
233
+ button, [type="button"], [type="reset"], [type="submit"]
234
+ cursor: pointer
235
+
236
+ //
237
+ // Restore the default cursor to disabled elements unset by the previous rule.
238
+
239
+ [disabled]
240
+ cursor: default
241
+
242
+ //
243
+ // 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
244
+ // controls in Android 4.
245
+ // 2. Correct the inability to style clickable types in iOS.
246
+
247
+ button, html [type="button"], [type="reset"], [type="submit"]
248
+ -webkit-appearance: button
249
+ // 2
250
+
251
+ //
252
+ // Remove the inner border and padding in Firefox.
253
+
254
+ button::-moz-focus-inner, input::-moz-focus-inner
255
+ border: 0
256
+ padding: 0
257
+
258
+ //
259
+ // Restore the focus styles unset by the previous rule.
260
+
261
+ button:-moz-focusring, input:-moz-focusring
262
+ outline: 1px dotted ButtonText
263
+
264
+ //
265
+ // Change the border, margin, and padding in all browsers (opinionated).
266
+
267
+ fieldset
268
+ border: 1px solid #c0c0c0
269
+ margin: 0 2px
270
+ padding: 0.35em 0.625em 0.75em
271
+
272
+ //
273
+ // 1. Correct the text wrapping in Edge and IE.
274
+ // 2. Correct the color inheritance from `fieldset` elements in IE.
275
+ // 3. Remove the padding so developers are not caught out when they zero out
276
+ // `fieldset` elements in all browsers.
277
+
278
+ legend
279
+ box-sizing: border-box
280
+ // 1
281
+ color: inherit
282
+ // 2
283
+ display: table
284
+ // 1
285
+ max-width: 100%
286
+ // 1
287
+ padding: 0
288
+ // 3
289
+ white-space: normal
290
+ // 1
291
+
292
+ //
293
+ // Remove the default vertical scrollbar in IE.
294
+
295
+ textarea
296
+ overflow: auto
297
+
298
+ //
299
+ // 1. Add the correct box sizing in IE 10-.
300
+ // 2. Remove the padding in IE 10-.
301
+
302
+ [type="checkbox"], [type="radio"]
303
+ box-sizing: border-box
304
+ // 1
305
+ padding: 0
306
+ // 2
307
+
308
+ //
309
+ // Correct the cursor style of increment and decrement buttons in Chrome.
310
+
311
+ [type="number"]
312
+ &::-webkit-inner-spin-button, &::-webkit-outer-spin-button
313
+ height: auto
314
+
315
+ //
316
+ // Correct the odd appearance of search inputs in Chrome and Safari.
317
+
318
+ [type="search"]
319
+ -webkit-appearance: textfield
320
+ &::-webkit-search-cancel-button, &::-webkit-search-decoration
321
+ -webkit-appearance: none
322
+
323
+ //
324
+ // Remove the inner padding and cancel buttons in Chrome on OS X and
325
+ // Safari on OS X.
@@ -0,0 +1,20 @@
1
+ @import variables
2
+
3
+ // Notice
4
+
5
+ .notice
6
+ background: $notice
7
+ text-align: center
8
+ .section
9
+ position: relative
10
+ padding-right: 3em
11
+ i.icon-close-outline
12
+ cursor: pointer
13
+ font-size: 2em
14
+ line-height: 1.91
15
+ position: absolute
16
+ right: 0.5em
17
+ top: 0
18
+ &:hover
19
+ &:before
20
+ content: $font-icons-icon-close
@@ -0,0 +1,32 @@
1
+ @import variables
2
+
3
+ .pagination
4
+ margin: 1em 0
5
+ padding: 1em
6
+ text-align: center
7
+ a, .current, .next_page, .previous_page
8
+ background: transparent
9
+ border-radius: $round
10
+ border: 1px solid $gray-light
11
+ color: $gray
12
+ display: inline-block
13
+ font-size: 1em
14
+ margin: 0.5%
15
+ min-height: 2.6em
16
+ padding: 0.4em 1em
17
+ &.current, &:hover
18
+ background: $gray-light
19
+ color: $white
20
+ transition: $all
21
+ .next_page, .previous_page
22
+ min-width: 9em
23
+
24
+ @media screen and (max-width: $handheld)
25
+
26
+ .pagination
27
+ a, .current, .gap
28
+ margin: 0 1em 1em 0
29
+ .next_page, .previous_page
30
+ width: 9em
31
+ display: block
32
+ margin: 0 auto 1em auto
@@ -0,0 +1,7 @@
1
+ // This is here in order to properly reference font files when using sprockets
2
+ // and was based on some code found on Twitter Bootstrap and FontAwesome projects
3
+
4
+ @function vital-font-path($path)
5
+ @return font-path($path)
6
+
7
+ $vital-sass-asset-helper: true
@@ -0,0 +1,159 @@
1
+ @import variables
2
+
3
+ // Syntax Highlighting
4
+
5
+ .highlight
6
+ code
7
+ width: 100%
8
+
9
+ .hll
10
+ background-color: #f8f8f8
11
+ border: 1px solid #ccc
12
+ padding: 6px 10px
13
+ border-radius: 3px
14
+
15
+ .c
16
+ color: #999988
17
+ font-style: italic
18
+
19
+ .err
20
+ color: #a61717
21
+ background-color: #e3d2d2
22
+
23
+ .k, .o
24
+ font-weight: bold
25
+
26
+ .cm
27
+ color: #999988
28
+ font-style: italic
29
+
30
+ .cp
31
+ color: #999999
32
+ font-weight: bold
33
+
34
+ .c1
35
+ color: #999988
36
+ font-style: italic
37
+
38
+ .cs
39
+ color: #999999
40
+ font-weight: bold
41
+ font-style: italic
42
+
43
+ .gd
44
+ color: #000000
45
+ background-color: #ffdddd
46
+ .x
47
+ color: #000000
48
+ background-color: #ffaaaa
49
+
50
+ .ge
51
+ font-style: italic
52
+
53
+ .gr
54
+ color: #aa0000
55
+
56
+ .gh
57
+ color: #999999
58
+
59
+ .gi
60
+ color: #000000
61
+ background-color: #ddffdd
62
+ .x
63
+ color: #000000
64
+ background-color: #aaffaa
65
+
66
+ .go
67
+ color: #888888
68
+
69
+ .gp
70
+ color: #555555
71
+
72
+ .gs
73
+ font-weight: bold
74
+
75
+ .gu
76
+ color: #800080
77
+ font-weight: bold
78
+
79
+ .gt
80
+ color: #aa0000
81
+
82
+ .kc, .kd, .kn, .kp, .kr
83
+ font-weight: bold
84
+
85
+ .kt
86
+ color: #445588
87
+ font-weight: bold
88
+
89
+ .m
90
+ color: #009999
91
+
92
+ .s
93
+ color: #dd1144
94
+
95
+ .n
96
+ color: #333333
97
+
98
+ .na
99
+ color: teal
100
+
101
+ .nb
102
+ color: #0086b3
103
+
104
+ .nc
105
+ color: #445588
106
+ font-weight: bold
107
+
108
+ .no
109
+ color: teal
110
+
111
+ .ni
112
+ color: purple
113
+
114
+ .ne, .nf
115
+ color: #990000
116
+ font-weight: bold
117
+
118
+ .nn
119
+ color: #555555
120
+
121
+ .nt
122
+ color: navy
123
+
124
+ .nv
125
+ color: teal
126
+
127
+ .ow
128
+ font-weight: bold
129
+
130
+ .w
131
+ color: #bbbbbb
132
+
133
+ .mf, .mh, .mi, .mo
134
+ color: #009999
135
+
136
+ .sb, .sc, .sd, .s2, .se, .sh, .si, .sx
137
+ color: #dd1144
138
+
139
+ .sr
140
+ color: #009926
141
+
142
+ .s1
143
+ color: #dd1144
144
+
145
+ .ss
146
+ color: #990073
147
+
148
+ .bp
149
+ color: #999999
150
+
151
+ .vc, .vg, .vi
152
+ color: teal
153
+
154
+ .il
155
+ color: #009999
156
+
157
+ .gc
158
+ color: #999
159
+ background-color: #EAF2F5
@@ -0,0 +1,40 @@
1
+ @import variables
2
+
3
+ // Tables
4
+
5
+ table
6
+ width: 100%
7
+ margin: 1em 0
8
+ border-spacing: 0
9
+ border-collapse: separate
10
+ th
11
+ font-weight: 400
12
+ color: #000
13
+ text-align: left
14
+ td
15
+ border-top: $border-width solid $gray-lighter
16
+
17
+ td, th
18
+ padding: 0.5em
19
+ text-align: left
20
+ vertical-align: top
21
+ tfoot
22
+ tr
23
+ border-bottom: 0
24
+
25
+ @media screen and (max-width: $handheld)
26
+
27
+ tr, td, th
28
+ display: block
29
+ tr
30
+ padding: 1em 0
31
+ border-top: 1px solid $gray-lighter
32
+ &:first-child
33
+ border-top: 0
34
+ thead
35
+ display: none
36
+ td
37
+ clear: both
38
+ border: none
39
+ td, th
40
+ padding: 0.25em 0
@@ -0,0 +1,61 @@
1
+ @import variables
2
+
3
+ // Tabs
4
+
5
+ .tabs-block
6
+ background: transparent
7
+ border-bottom: $border-width solid $gray-lighter
8
+ .col
9
+ text-align: center
10
+ position: relative
11
+ &:last-child
12
+ border-right: 0
13
+ &:hover, &.here
14
+ background: $gray-lighter
15
+ transition: $all
16
+ a
17
+ width: 100%
18
+ display: inline-block
19
+ padding: 0.5em
20
+ color: $text
21
+
22
+ .tabs
23
+ display: inline-block
24
+ list-style: none
25
+ margin: 1em 0
26
+ padding: 0
27
+ width: 100%
28
+ a
29
+ border-radius: $radius
30
+ border: $border-width solid transparent
31
+ padding: 0.65em 1em
32
+ color: $text
33
+ li
34
+ display: inline-block
35
+ padding: 0 0.5%
36
+ &:hover, &.here
37
+ a
38
+ transition: $all
39
+ background: $gray-lighter
40
+ & ul
41
+ padding: 0
42
+ &.round
43
+ li a
44
+ border-radius: $round
45
+
46
+ @media screen and (max-width: $phablet)
47
+
48
+ .tabs-block, .tabs
49
+ a
50
+ margin: 0.5% 0
51
+ padding: 0.65em 0.5em
52
+ display: block
53
+ text-align: center
54
+
55
+ .tabs-block
56
+ border-bottom: 0
57
+
58
+ .tabs
59
+ li
60
+ display: block
61
+ padding: 0