vital 1.2.0

Sign up to get free protection for your applications and to get access to all the features.
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