primordial 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. data/.gitignore +17 -0
  2. data/Gemfile +4 -0
  3. data/LICENSE.txt +25 -0
  4. data/README.md +29 -0
  5. data/Rakefile +1 -0
  6. data/app/assets/stylesheets/primordial.css.sass +24 -0
  7. data/app/assets/stylesheets/primordial/components/_alerts.css.sass +57 -0
  8. data/app/assets/stylesheets/primordial/components/_breadcrumbs.css.sass +21 -0
  9. data/app/assets/stylesheets/primordial/components/_button-groups.css.sass +212 -0
  10. data/app/assets/stylesheets/primordial/components/_buttons.css.sass +114 -0
  11. data/app/assets/stylesheets/primordial/components/_close.css.sass +30 -0
  12. data/app/assets/stylesheets/primordial/components/_forms.css.sass +332 -0
  13. data/app/assets/stylesheets/primordial/components/_input-groups.css.sass +119 -0
  14. data/app/assets/stylesheets/primordial/components/_labels.css.sass +48 -0
  15. data/app/assets/stylesheets/primordial/components/_lists.css.sass +44 -0
  16. data/app/assets/stylesheets/primordial/components/_media-object.css.sass +47 -0
  17. data/app/assets/stylesheets/primordial/components/_nav.css.sass +80 -0
  18. data/app/assets/stylesheets/primordial/components/_navbar.css.sass +274 -0
  19. data/app/assets/stylesheets/primordial/components/_pagination.css.sass +58 -0
  20. data/app/assets/stylesheets/primordial/components/_tables.css.sass +78 -0
  21. data/app/assets/stylesheets/primordial/core/_base.css.sass +59 -0
  22. data/app/assets/stylesheets/primordial/core/_mixins.css.sass +754 -0
  23. data/app/assets/stylesheets/primordial/core/_normalize.css.sass +365 -0
  24. data/app/assets/stylesheets/primordial/core/_typography.css.sass +198 -0
  25. data/app/assets/stylesheets/primordial/core/_variables.css.sass +563 -0
  26. data/lib/primordial.rb +14 -0
  27. data/lib/primordial/engine.rb +4 -0
  28. data/lib/primordial/version.rb +3 -0
  29. data/primordial.gemspec +26 -0
  30. metadata +139 -0
@@ -0,0 +1,365 @@
1
+
2
+ article,
3
+ aside,
4
+ details,
5
+ figcaption,
6
+ figure,
7
+ footer,
8
+ header,
9
+ hgroup,
10
+ nav,
11
+ section,
12
+ summary
13
+ display: block
14
+
15
+
16
+ /*
17
+ * Corrects `inline-block` display not defined in IE 8/9.
18
+ */
19
+
20
+ audio,
21
+ canvas,
22
+ video
23
+ display: inline-block
24
+
25
+
26
+ /*
27
+ * Prevents modern browsers from displaying `audio` without controls.
28
+ * Remove excess height in iOS 5 devices.
29
+ */
30
+
31
+ audio:not([controls])
32
+ display: none
33
+ height: 0
34
+
35
+
36
+ /*
37
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
38
+ */
39
+
40
+ [hidden]
41
+ display: none
42
+
43
+
44
+ /* ==========================================================================
45
+ Base
46
+ ========================================================================== */
47
+
48
+ /*
49
+ * 1. Sets default font family to sans-serif.
50
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
51
+ * user zoom.
52
+ */
53
+
54
+ html
55
+ font-family: sans-serif /* 1 */
56
+ -webkit-text-size-adjust: 100% /* 2 */
57
+ -ms-text-size-adjust: 100% /* 2 */
58
+
59
+
60
+ /*
61
+ * Removes default margin.
62
+ */
63
+
64
+ body
65
+ margin: 0
66
+
67
+
68
+ /* ==========================================================================
69
+ Links
70
+ ========================================================================== */
71
+
72
+ /*
73
+ * Addresses `outline` inconsistency between Chrome and other browsers.
74
+ */
75
+
76
+ a:focus
77
+ outline: thin dotted
78
+
79
+
80
+ /*
81
+ * Improves readability when focused and also mouse hovered in all browsers.
82
+ */
83
+
84
+ a:active,
85
+ a:hover
86
+ outline: 0
87
+
88
+
89
+ /* ==========================================================================
90
+ Typography
91
+ ========================================================================== */
92
+
93
+ /*
94
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
95
+ * Safari 5, and Chrome.
96
+ */
97
+
98
+ h1
99
+ font-size: 2em
100
+
101
+
102
+ /*
103
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
104
+ */
105
+
106
+ abbr[title]
107
+ border-bottom: 1px dotted
108
+
109
+
110
+ /*
111
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
112
+ */
113
+
114
+ b,
115
+ strong
116
+ font-weight: bold
117
+
118
+
119
+ /*
120
+ * Addresses styling not present in Safari 5 and Chrome.
121
+ */
122
+
123
+ dfn
124
+ font-style: italic
125
+
126
+
127
+ /*
128
+ * Addresses styling not present in IE 8/9.
129
+ */
130
+
131
+ mark
132
+ background: #ff0
133
+ color: #000
134
+
135
+
136
+
137
+ /*
138
+ * Corrects font family set oddly in Safari 5 and Chrome.
139
+ */
140
+
141
+ code,
142
+ kbd,
143
+ pre,
144
+ samp
145
+ font-family: monospace, serif
146
+ font-size: 1em
147
+
148
+
149
+ /*
150
+ * Improves readability of pre-formatted text in all browsers.
151
+ */
152
+
153
+ pre
154
+ white-space: pre
155
+ white-space: pre-wrap
156
+ word-wrap: break-word
157
+
158
+
159
+ /*
160
+ * Sets consistent quote types.
161
+ */
162
+
163
+ q
164
+ quotes: "\201C" "\201D" "\2018" "\2019"
165
+
166
+
167
+ /*
168
+ * Addresses inconsistent and variable font size in all browsers.
169
+ */
170
+
171
+ small
172
+ font-size: 80%
173
+
174
+
175
+ /*
176
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
177
+ */
178
+
179
+ sub,
180
+ sup
181
+ font-size: 75%
182
+ line-height: 0
183
+ position: relative
184
+ vertical-align: baseline
185
+
186
+
187
+ sup
188
+ top: -0.5em
189
+
190
+
191
+ sub
192
+ bottom: -0.25em
193
+
194
+
195
+ /* ==========================================================================
196
+ Embedded content
197
+ ========================================================================== */
198
+
199
+ /*
200
+ * Removes border when inside `a` element in IE 8/9.
201
+ */
202
+
203
+ img
204
+ border: 0
205
+
206
+
207
+ /*
208
+ * Corrects overflow displayed oddly in IE 9.
209
+ */
210
+
211
+ svg:not(:root)
212
+ overflow: hidden
213
+
214
+
215
+ /* ==========================================================================
216
+ Figures
217
+ ========================================================================== */
218
+
219
+ /*
220
+ * Addresses margin not present in IE 8/9 and Safari 5.
221
+ */
222
+
223
+ figure
224
+ margin: 0
225
+
226
+
227
+ /* ==========================================================================
228
+ Forms
229
+ ========================================================================== */
230
+
231
+ /*
232
+ * Define consistent border, margin, and padding.
233
+ */
234
+
235
+ fieldset
236
+ border: 1px solid #c0c0c0
237
+ margin: 0 2px
238
+ padding: 0.35em 0.625em 0.75em
239
+
240
+
241
+ /*
242
+ * 1. Corrects color not being inherited in IE 8/9.
243
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
244
+ */
245
+
246
+ legend
247
+ border: 0 /* 1 */
248
+ padding: 0 /* 2 */
249
+
250
+
251
+ /*
252
+ * 1. Corrects font family not being inherited in all browsers.
253
+ * 2. Corrects font size not being inherited in all browsers.
254
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
255
+ */
256
+
257
+ button,
258
+ input,
259
+ select,
260
+ textarea
261
+ font-family: inherit /* 1 */
262
+ font-size: 100% /* 2 */
263
+ margin: 0 /* 3 */
264
+
265
+
266
+ /*
267
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
268
+ * the UA stylesheet.
269
+ */
270
+
271
+ button,
272
+ input
273
+ line-height: normal
274
+
275
+
276
+ /*
277
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
278
+ * and `video` controls.
279
+ * 2. Corrects inability to style clickable `input` types in iOS.
280
+ * 3. Improves usability and consistency of cursor style between image-type
281
+ * `input` and others.
282
+ */
283
+
284
+ button,
285
+ html input[type="button"], /* 1 */
286
+ input[type="reset"],
287
+ input[type="submit"]
288
+ -webkit-appearance: button /* 2 */
289
+ cursor: pointer /* 3 */
290
+
291
+
292
+ /*
293
+ * Re-set default cursor for disabled elements.
294
+ */
295
+
296
+ button[disabled],
297
+ input[disabled]
298
+ cursor: default
299
+
300
+
301
+ /*
302
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
303
+ * 2. Removes excess padding in IE 8/9.
304
+ */
305
+
306
+ input[type="checkbox"],
307
+ input[type="radio"]
308
+ box-sizing: border-box /* 1 */
309
+ padding: 0 /* 2 */
310
+
311
+
312
+ /*
313
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
314
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
315
+ * (include `-moz` to future-proof).
316
+ */
317
+
318
+ input[type="search"]
319
+ -webkit-appearance: textfield /* 1 */
320
+ -moz-box-sizing: content-box
321
+ -webkit-box-sizing: content-box /* 2 */
322
+ box-sizing: content-box
323
+
324
+
325
+ /*
326
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
327
+ * on OS X.
328
+ */
329
+
330
+ input[type="search"]::-webkit-search-cancel-button,
331
+ input[type="search"]::-webkit-search-decoration
332
+ -webkit-appearance: none
333
+
334
+
335
+ /*
336
+ * Removes inner padding and border in Firefox 4+.
337
+ */
338
+
339
+ button::-moz-focus-inner,
340
+ input::-moz-focus-inner
341
+ border: 0
342
+ padding: 0
343
+
344
+
345
+ /*
346
+ * 1. Removes default vertical scrollbar in IE 8/9.
347
+ * 2. Improves readability and alignment in all browsers.
348
+ */
349
+
350
+ textarea
351
+ overflow: auto /* 1 */
352
+ vertical-align: top /* 2 */
353
+
354
+
355
+ /* ==========================================================================
356
+ Tables
357
+ ========================================================================== */
358
+
359
+ /*
360
+ * Remove most spacing between table cells.
361
+ */
362
+
363
+ table
364
+ border-collapse: collapse
365
+ border-spacing: 0
@@ -0,0 +1,198 @@
1
+ //
2
+ // Typography
3
+ // --------------------------------------------------
4
+
5
+
6
+
7
+ // Body text
8
+ // -------------------------
9
+
10
+ p
11
+ margin: 0 0 $line-height-computed / 2
12
+
13
+ .lead
14
+ margin-bottom: $line-height-computed
15
+ font-size: $font-size-base * 1.15
16
+ font-weight: 200
17
+ line-height: 1.4
18
+
19
+
20
+
21
+ // Emphasis & misc
22
+ // -------------------------
23
+
24
+ // Ex: 14px base font * 85% = about 12px
25
+ small
26
+ font-size: 85%
27
+
28
+ // Undo browser default styling
29
+ cite
30
+ font-style: normal
31
+
32
+ // Contextual emphasis
33
+ .text-muted
34
+ color: $gray-light
35
+
36
+ .text-primary
37
+ color: $brand-primary
38
+
39
+ .text-warning
40
+ color: $state-warning-text
41
+
42
+ .text-danger
43
+ color: $state-danger-text
44
+
45
+ .text-success
46
+ color: $state-success-text
47
+
48
+ .text-info
49
+ color: $state-info-text
50
+
51
+ // Alignment
52
+ .text-left
53
+ text-align: left
54
+
55
+ .text-right
56
+ text-align: right
57
+
58
+ .text-center
59
+ text-align: center
60
+
61
+
62
+
63
+ // Headings
64
+ // -------------------------
65
+
66
+ h1,
67
+ h2,
68
+ h3,
69
+ h4,
70
+ h5,
71
+ h6,
72
+ .h1,
73
+ .h2,
74
+ .h3,
75
+ .h4,
76
+ .h5,
77
+ .h6
78
+ font-family: $headings-font-family
79
+ font-weight: $headings-font-weight
80
+ line-height: $headings-line-height
81
+ small
82
+ font-weight: normal
83
+ line-height: 1
84
+
85
+ h1,
86
+ h2,
87
+ h3
88
+ margin-top: $line-height-computed
89
+ margin-bottom: $line-height-computed / 2
90
+
91
+ h4,
92
+ h5,
93
+ h6
94
+ margin-top: $line-height-computed / 2
95
+ margin-bottom: $line-height-computed / 2
96
+
97
+ h1,
98
+ .h1
99
+ font-size: $font-size-h1
100
+
101
+ h2,
102
+ .h2
103
+ font-size: $font-size-h2
104
+
105
+ h3,
106
+ .h3
107
+ font-size: $font-size-h3
108
+
109
+ h4,
110
+ .h4
111
+ font-size: $font-size-h4
112
+
113
+ h5,
114
+ .h5
115
+ font-size: $font-size-h5
116
+
117
+ h6,
118
+ .h6
119
+ font-size: $font-size-h6
120
+
121
+ h1 small, .h1 small
122
+ font-size: ceil($font-size-base * 1.7)
123
+
124
+ h2 small, .h2 small
125
+ font-size: ceil($font-size-base * 1.25)
126
+
127
+ h3 small,
128
+ .h3 small,
129
+ h4 small,
130
+ .h4 small
131
+ font-size: $font-size-base
132
+
133
+
134
+
135
+
136
+ // MISC
137
+ // ----
138
+
139
+ // Abbreviations and acronyms
140
+
141
+ abbr[title],
142
+ abbr[data-original-title]
143
+ cursor: help
144
+ border-bottom: 1px dotted $gray-light
145
+
146
+ abbr.initialism
147
+ font-size: 90%
148
+ text-transform: uppercase
149
+
150
+ // Blockquotes
151
+ blockquote
152
+ padding: $line-height-computed / 2 $line-height-computed
153
+ margin: 0 0 $line-height-computed
154
+ border-left: 5px solid $gray-lighter
155
+ p
156
+ font-size: $font-size-base * 1.25
157
+ font-weight: 300
158
+ line-height: 1.25
159
+ p:last-child
160
+ margin-bottom: 0
161
+ small
162
+ display: block
163
+ line-height: $line-height-base
164
+ color: $gray-lighter
165
+ &:before
166
+ content: '\2014 \00A0'
167
+ // EM DASH, NBSP
168
+ // Float right with text-align: right
169
+ &.pull-right
170
+ padding-right: 15px
171
+ padding-left: 0
172
+ border-right: 5px solid $gray-lighter
173
+ border-left: 0
174
+ p,
175
+ small
176
+ text-align: right
177
+ small
178
+ &:before
179
+ content: ''
180
+ &:after
181
+ content: '\00A0 \2014'
182
+ // NBSP, EM DASH
183
+
184
+
185
+ // Quotes
186
+
187
+ q:before,
188
+ q:after,
189
+ blockquote:before,
190
+ blockquote:after
191
+ content: ""
192
+
193
+ // Addresses
194
+ address
195
+ display: block
196
+ margin-bottom: $line-height-computed
197
+ font-style: normal
198
+ line-height: $line-height-base