primordial 0.0.1

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 (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,563 @@
1
+ // //
2
+ // // Variables
3
+ // // --------------------------------------------------
4
+
5
+
6
+ // // Global values
7
+ // // --------------------------------------------------
8
+
9
+ // Grays
10
+ // -------------------------
11
+
12
+ $gray-darker: lighten(#000, 13.5%) !default
13
+ $gray-dark: lighten(#000, 20%) !default
14
+ $gray: lighten(#000, 33.5%) !default
15
+ $gray-light: lighten(#000, 60%) !default
16
+ $gray-lighter: lighten(#000, 93.5%) !default
17
+
18
+ // Brand colors
19
+ // -------------------------
20
+
21
+ $brand-primary: #428bca !default
22
+ $brand-success: #5cb85c !default
23
+ $brand-warning: #f0ad4e !default
24
+ $brand-danger: #d9534f !default
25
+ $brand-info: #5bc0de !default
26
+
27
+ // // Scaffolding
28
+ // // -------------------------
29
+
30
+ $body-bg: #fff !default
31
+ $text-color: $gray-dark !default
32
+
33
+ // Links
34
+ // -------------------------
35
+
36
+ $link-color: $brand-primary !default
37
+ $link-hover-color: darken($link-color, 15%) !default
38
+
39
+ // Typography
40
+ // -------------------------
41
+
42
+ $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default
43
+ $font-family-serif: Georgia, "Times New Roman", Times, serif !default
44
+ $font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace !default
45
+ $font-family-base: $font-family-sans-serif !default
46
+
47
+ $font-size-base: 16px !default
48
+ $font-size-large: ceil($font-size-base * 1.25) !default
49
+ $font-size-small: ceil($font-size-base * 0.85) !default
50
+
51
+ $font-size-h1: floor($font-size-base * 2.6) !default
52
+ $font-size-h2: floor($font-size-base * 2.15) !default
53
+ $font-size-h3: ceil($font-size-base * 1.7) !default
54
+ $font-size-h4: ceil($font-size-base * 1.25) !default
55
+ $font-size-h5: $font-size-base !default
56
+ $font-size-h6: ceil($font-size-base * 0.85) !default
57
+
58
+ $line-height-base: 1.428571429 !default
59
+ $line-height-computed: floor($font-size-base * $line-height-base) !default
60
+
61
+ $headings-font-family: $font-family-base !default
62
+ $headings-font-weight: 500 !default
63
+ $headings-line-height: 1.1 !default
64
+ $headings-color: inherit !default
65
+
66
+
67
+ // // Iconography
68
+ // // -------------------------
69
+ // Use font-awesome!
70
+
71
+ // // Components
72
+ // // -------------------------
73
+ // // Based on 14px font-size and 1.428 line-height (~20px to start)
74
+
75
+ $padding-base-vertical: 6px !default
76
+ $padding-base-horizontal: 12px !default
77
+
78
+ $padding-large-vertical: 10px !default
79
+ $padding-large-horizontal: 16px !default
80
+
81
+ $padding-small-vertical: 5px !default
82
+ $padding-small-horizontal: 10px !default
83
+
84
+ $line-height-large: 1.33 !default
85
+ $line-height-small: 1.5 !default
86
+
87
+ $border-radius-base: 4px !default
88
+ $border-radius-large: 6px !default
89
+ $border-radius-small: 3px !default
90
+
91
+ $component-active-color: #fff !default
92
+ $component-active-bg: $brand-primary !default
93
+
94
+ $caret-width-base: 4px !default
95
+ $caret-width-large: 5px !default
96
+
97
+ // Tables
98
+ // -------------------------
99
+
100
+ $use-tables: true !default
101
+
102
+ $table-cell-padding: 8px !default
103
+ $table-condensed-cell-padding: 5px !default
104
+
105
+ $table-bg: transparent !default
106
+ $table-bg-accent: #f9f9f9 !default
107
+ $table-bg-hover: #f5f5f5 !default
108
+ $table-bg-active: $table-bg-hover !default
109
+
110
+ $table-border-color: #ddd !default
111
+
112
+
113
+ // Buttons
114
+ // -------------------------
115
+
116
+ $use-buttons: true !default
117
+ $use-button-groups: true !default
118
+
119
+ $btn-font-weight: normal !default
120
+
121
+ $btn-default-color: #333 !default
122
+ $btn-default-bg: #fff !default
123
+ $btn-default-border: #ccc !default
124
+
125
+ $btn-primary-color: #fff !default
126
+ $btn-primary-bg: $brand-primary !default
127
+ $btn-primary-border: darken($btn-primary-bg, 5%) !default
128
+
129
+ $btn-success-color: #fff !default
130
+ $btn-success-bg: $brand-success !default
131
+ $btn-success-border: darken($btn-success-bg, 5%) !default
132
+
133
+ $btn-warning-color: #fff !default
134
+ $btn-warning-bg: $brand-warning !default
135
+ $btn-warning-border: darken($btn-warning-bg, 5%) !default
136
+
137
+ $btn-danger-color: #fff !default
138
+ $btn-danger-bg: $brand-danger !default
139
+ $btn-danger-border: darken($btn-danger-bg, 5%) !default
140
+
141
+ $btn-info-color: #fff !default
142
+ $btn-info-bg: $brand-info !default
143
+ $btn-info-border: darken($btn-info-bg, 5%) !default
144
+
145
+ $btn-link-disabled-color: $gray-light !default
146
+
147
+
148
+ // Forms
149
+ // -------------------------
150
+
151
+ $input-bg: #fff !default
152
+ $input-bg-disabled: $gray-lighter !default
153
+
154
+ $input-color: $gray !default
155
+ $input-border: #ccc !default
156
+ $input-border-radius: $border-radius-base !default
157
+ $input-border-focus: #66afe9 !default
158
+
159
+ $input-color-placeholder: $gray-light !default
160
+
161
+ $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default
162
+ $input-height-large: (floor($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default
163
+ $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default
164
+
165
+ $legend-color: $gray-dark !default
166
+ $legend-border-color: #e5e5e5 !default
167
+
168
+ $use-input-group: true !default
169
+ $input-group-addon-bg: $gray-lighter !default
170
+ $input-group-addon-border-color: $input-border !default
171
+
172
+
173
+ // // Dropdowns
174
+ // // -------------------------
175
+
176
+ // $dropdown-bg: #fff !default
177
+ // $dropdown-border: rgba(0,0,0,.15) !default
178
+ // $dropdown-fallback-border: #ccc !default
179
+ // $dropdown-divider-bg: #e5e5e5 !default
180
+
181
+ // $dropdown-link-color: $gray-dark !default
182
+ // $dropdown-link-hover-color: darken($gray-dark, 5%) !default
183
+ // $dropdown-link-hover-bg: #f5f5f5 !default
184
+
185
+ // $dropdown-link-active-color: $component-active-color !default
186
+ // $dropdown-link-active-bg: $component-active-bg !default
187
+
188
+ // $dropdown-link-disabled-color: $gray-light !default
189
+
190
+ // $dropdown-header-color: $gray-light !default
191
+
192
+ // $dropdown-caret-color: #000 !default
193
+
194
+
195
+ // // COMPONENT VARIABLES
196
+ // // --------------------------------------------------
197
+
198
+
199
+ // Z-index master list
200
+ // -------------------------
201
+ // Used for a bird's eye view of components dependent on the z-axis
202
+ // Try to avoid customizing these :)
203
+
204
+ $zindex-navbar: 1000 !default
205
+ $zindex-dropdown: 1000 !default
206
+ $zindex-popover: 1010 !default
207
+ $zindex-tooltip: 1030 !default
208
+ $zindex-navbar-fixed: 1030 !default
209
+ $zindex-modal-background: 1040 !default
210
+ $zindex-modal: 1050 !default
211
+
212
+ // // Media queries breakpoints
213
+ // // --------------------------------------------------
214
+
215
+ // Extra small screen / phone
216
+ // Note: Deprecated $screen-xs and $screen-phone as of v3.0.1
217
+ $screen-xs: 480px !default
218
+ $screen-xs-min: $screen-xs !default
219
+ $screen-phone: $screen-xs-min !default
220
+
221
+ // Small screen / tablet
222
+ // Note: Deprecated $screen-sm and $screen-tablet as of v3.0.1
223
+ $screen-sm: 768px !default
224
+ $screen-sm-min: $screen-sm !default
225
+ $screen-tablet: $screen-sm-min !default
226
+
227
+ // Medium screen / desktop
228
+ // Note: Deprecated $screen-md and $screen-desktop as of v3.0.1
229
+ $screen-md: 992px !default
230
+ $screen-md-min: $screen-md !default
231
+ $screen-desktop: $screen-md-min !default
232
+
233
+ // Large screen / wide desktop
234
+ // Note: Deprecated $screen-lg and $screen-lg-desktop as of v3.0.1
235
+ $screen-lg: 1200px !default
236
+ $screen-lg-min: $screen-lg !default
237
+ $screen-lg-desktop: $screen-lg-min !default
238
+
239
+ // So media queries don't overlap when required, provide a maximum
240
+ $screen-xs-max: ($screen-sm-min - 1) !default
241
+ $screen-sm-max: ($screen-md-min - 1) !default
242
+ $screen-md-max: ($screen-lg-min - 1) !default
243
+
244
+
245
+ // // Grid system
246
+ // // --------------------------------------------------
247
+
248
+ // Number of columns in the grid system
249
+ $grid-columns: 12 !default
250
+ // Padding, to be divided by two and applied to the left and right of all columns
251
+ $grid-gutter-width: 30px !default
252
+ // Point at which the navbar stops collapsing
253
+ $grid-float-breakpoint: $screen-sm-min !default
254
+
255
+ // Padding, to be divided by two and applied to the left and right of all columns
256
+ $gutter: golden-ratio(1em, 1) !default
257
+
258
+ // Maximum width of the containers
259
+ $max-width: 1200px !default
260
+
261
+ // Base column padding
262
+ $col-padding: 0px !default
263
+
264
+ // Turn responsive on or off
265
+ $responsive: true !default
266
+
267
+
268
+
269
+ // Navbar
270
+ // -------------------------
271
+
272
+ $use-navbar: true !default
273
+
274
+ // // Basics of a navbar
275
+ $navbar-height: 50px !default
276
+ $navbar-margin-bottom: $line-height-computed !default
277
+ $navbar-border-radius: $border-radius-base !default
278
+ $navbar-padding-horizontal: 15px !default
279
+ $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default
280
+
281
+ $navbar-default-color: #777 !default
282
+ $navbar-default-bg: #f8f8f8 !default
283
+ $navbar-default-border: darken($navbar-default-bg, 6.5%) !default
284
+
285
+ // Navbar links
286
+ $navbar-default-link-color: #777 !default
287
+ $navbar-default-link-hover-color: #333 !default
288
+ $navbar-default-link-hover-bg: transparent !default
289
+ $navbar-default-link-active-color: #555 !default
290
+ $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default
291
+ $navbar-default-link-disabled-color: #ccc !default
292
+ $navbar-default-link-disabled-bg: transparent !default
293
+
294
+ // Navbar brand label
295
+ $navbar-default-brand-color: $navbar-default-link-color !default
296
+ $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default
297
+ $navbar-default-brand-hover-bg: transparent !default
298
+
299
+ // Navbar toggle
300
+ $navbar-default-toggle-hover-bg: #ddd !default
301
+ $navbar-default-toggle-icon-bar-bg: #ccc !default
302
+ $navbar-default-toggle-border-color: #ddd !default
303
+
304
+
305
+
306
+ // Navs
307
+ // -------------------------
308
+
309
+ $nav-link-padding: 10px 15px !default
310
+ $nav-link-hover-bg: $gray-lighter !default
311
+
312
+ $nav-disabled-link-color: $gray-light !default
313
+ $nav-disabled-link-hover-color: $gray-light !default
314
+
315
+ $nav-open-link-hover-color: #fff !default
316
+ $nav-open-caret-border-color: #fff !default
317
+
318
+
319
+ // Pagination
320
+ // -------------------------
321
+
322
+ $use-pagination: true !default
323
+ $pagination-bg: #fff !default
324
+ $pagination-border: #ddd !default
325
+
326
+ $pagination-hover-bg: $gray-lighter !default
327
+
328
+ $pagination-active-bg: $brand-primary !default
329
+ $pagination-active-color: #fff !default
330
+
331
+ $pagination-disabled-color: $gray-light !default
332
+
333
+
334
+ // // Pager
335
+ // // -------------------------
336
+
337
+ // $pager-border-radius: 15px !default
338
+ // $pager-disabled-color: $gray-light !default
339
+
340
+
341
+ // // Jumbotron
342
+ // // -------------------------
343
+
344
+ // $jumbotron-padding: 30px !default
345
+ // $jumbotron-color: inherit !default
346
+ // $jumbotron-bg: $gray-lighter !default
347
+ // $jumbotron-heading-color: inherit !default
348
+ // $jumbotron-font-size: ceil($font-size-base * 1.5) !default
349
+
350
+
351
+ // Form states and alerts
352
+ // -------------------------
353
+
354
+ $state-success-text: #468847 !default
355
+ $state-success-bg: #dff0d8 !default
356
+ $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default
357
+
358
+ $state-info-text: #3a87ad !default
359
+ $state-info-bg: #d9edf7 !default
360
+ $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default
361
+
362
+ $state-warning-text: #c09853 !default
363
+ $state-warning-bg: #fcf8e3 !default
364
+ $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default
365
+
366
+ $state-danger-text: #b94a48 !default
367
+ $state-danger-bg: #f2dede !default
368
+ $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default
369
+
370
+
371
+ // // Tooltips
372
+ // // -------------------------
373
+ // $tooltip-max-width: 200px !default
374
+ // $tooltip-color: #fff !default
375
+ // $tooltip-bg: #000 !default
376
+
377
+ // $tooltip-arrow-width: 5px !default
378
+ // $tooltip-arrow-color: $tooltip-bg !default
379
+
380
+
381
+ // // Popovers
382
+ // // -------------------------
383
+ // $popover-bg: #fff !default
384
+ // $popover-max-width: 276px !default
385
+ // $popover-border-color: rgba(0,0,0,.2) !default
386
+ // $popover-fallback-border-color: #ccc !default
387
+
388
+ // $popover-title-bg: darken($popover-bg, 3%) !default
389
+
390
+ // $popover-arrow-width: 10px !default
391
+ // $popover-arrow-color: #fff !default
392
+
393
+ // $popover-arrow-outer-width: ($popover-arrow-width + 1) !default
394
+ // $popover-arrow-outer-color: rgba(0,0,0,.25) !default
395
+ // $popover-arrow-outer-fallback-color: #999 !default
396
+
397
+
398
+ // Labels
399
+ // -------------------------
400
+
401
+ $use-labels: true !default
402
+
403
+ $label-default-bg: $gray-light !default
404
+ $label-primary-bg: $brand-primary !default
405
+ $label-success-bg: $brand-success !default
406
+ $label-info-bg: $brand-info !default
407
+ $label-warning-bg: $brand-warning !default
408
+ $label-danger-bg: $brand-danger !default
409
+
410
+ $label-color: #fff !default
411
+ $label-link-hover-color: #fff !default
412
+
413
+
414
+ // // Modals
415
+ // // -------------------------
416
+ // $modal-inner-padding: 20px !default
417
+
418
+ // $modal-title-padding: 15px !default
419
+ // $modal-title-line-height: $line-height-base !default
420
+
421
+ // $modal-content-bg: #fff !default
422
+ // $modal-content-border-color: rgba(0,0,0,.2) !default
423
+ // $modal-content-fallback-border-color: #999 !default
424
+
425
+ // $modal-backdrop-bg: #000 !default
426
+ // $modal-header-border-color: #e5e5e5 !default
427
+ // $modal-footer-border-color: $modal-header-border-color !default
428
+
429
+
430
+ // Alerts
431
+ // -------------------------
432
+
433
+ $use-alerts: true !default
434
+
435
+ $alert-padding: 10px !default
436
+ $alert-border-radius: $border-radius-base !default
437
+ $alert-link-font-weight: bold !default
438
+
439
+ $alert-success-bg: $state-success-bg !default
440
+ $alert-success-text: $state-success-text !default
441
+ $alert-success-border: $state-success-border !default
442
+
443
+ $alert-info-bg: $state-info-bg !default
444
+ $alert-info-text: $state-info-text !default
445
+ $alert-info-border: $state-info-border !default
446
+
447
+ $alert-warning-bg: $state-warning-bg !default
448
+ $alert-warning-text: $state-warning-text !default
449
+ $alert-warning-border: $state-warning-border !default
450
+
451
+ $alert-danger-bg: $state-danger-bg !default
452
+ $alert-danger-text: $state-danger-text !default
453
+ $alert-danger-border: $state-danger-border !default
454
+
455
+
456
+ // // Progress bars
457
+ // // -------------------------
458
+ // $progress-bg: #f5f5f5 !default
459
+ // $progress-bar-color: #fff !default
460
+
461
+ // $progress-bar-bg: $brand-primary !default
462
+ // $progress-bar-success-bg: $brand-success !default
463
+ // $progress-bar-warning-bg: $brand-warning !default
464
+ // $progress-bar-danger-bg: $brand-danger !default
465
+ // $progress-bar-info-bg: $brand-info !default
466
+
467
+
468
+ // // List group
469
+ // // -------------------------
470
+ // $list-group-bg: #fff !default
471
+ // $list-group-border: #ddd !default
472
+ // $list-group-border-radius: $border-radius-base !default
473
+
474
+ // $list-group-hover-bg: #f5f5f5 !default
475
+ // $list-group-active-color: $component-active-color !default
476
+ // $list-group-active-bg: $component-active-bg !default
477
+ // $list-group-active-border: $list-group-active-bg !default
478
+
479
+ // $list-group-link-color: #555 !default
480
+ // $list-group-link-heading-color: #333 !default
481
+
482
+
483
+ // // Panels
484
+ // // -------------------------
485
+ // $panel-bg: #fff !default
486
+ // $panel-inner-border: #ddd !default
487
+ // $panel-border-radius: $border-radius-base !default
488
+ // $panel-footer-bg: #f5f5f5 !default
489
+
490
+ // $panel-default-text: $gray-dark !default
491
+ // $panel-default-border: #ddd !default
492
+ // $panel-default-heading-bg: #f5f5f5 !default
493
+
494
+ // $panel-primary-text: #fff !default
495
+ // $panel-primary-border: $brand-primary !default
496
+ // $panel-primary-heading-bg: $brand-primary !default
497
+
498
+ // $panel-success-text: $state-success-text !default
499
+ // $panel-success-border: $state-success-border !default
500
+ // $panel-success-heading-bg: $state-success-bg !default
501
+
502
+ // $panel-warning-text: $state-warning-text !default
503
+ // $panel-warning-border: $state-warning-border !default
504
+ // $panel-warning-heading-bg: $state-warning-bg !default
505
+
506
+ // $panel-danger-text: $state-danger-text !default
507
+ // $panel-danger-border: $state-danger-border !default
508
+ // $panel-danger-heading-bg: $state-danger-bg !default
509
+
510
+ // $panel-info-text: $state-info-text !default
511
+ // $panel-info-border: $state-info-border !default
512
+ // $panel-info-heading-bg: $state-info-bg !default
513
+
514
+
515
+ // // Thumbnails
516
+ // // -------------------------
517
+ // $thumbnail-padding: 4px !default
518
+ // $thumbnail-bg: $body-bg !default
519
+ // $thumbnail-border: #ddd !default
520
+ // $thumbnail-border-radius: $border-radius-base !default
521
+
522
+ // $thumbnail-caption-color: $text-color !default
523
+ // $thumbnail-caption-padding: 9px !default
524
+
525
+
526
+ // // Wells
527
+ // // -------------------------
528
+ // $well-bg: #f5f5f5 !default
529
+
530
+
531
+ // // Badges
532
+ // // -------------------------
533
+ // $badge-color: #fff !default
534
+ // $badge-link-hover-color: #fff !default
535
+ // $badge-bg: $gray-light !default
536
+
537
+ // $badge-active-color: $link-color !default
538
+ // $badge-active-bg: #fff !default
539
+
540
+ // $badge-font-weight: bold !default
541
+ // $badge-line-height: 1 !default
542
+ // $badge-border-radius: 10px !default
543
+
544
+
545
+ // Breadcrumbs
546
+ // -------------------------
547
+ $use-breadcrumbs: true !default
548
+ $breadcrumb-bg: #f5f5f5 !default
549
+ $breadcrumb-color: #ccc !default
550
+ $breadcrumb-active-color: $gray-light !default
551
+ $breadcrumb-separator: "/" !default
552
+
553
+
554
+
555
+ // Close
556
+ // ------------------------
557
+
558
+ $use-close: true !default
559
+
560
+ $close-font-weight: bold !default
561
+ $close-color: #000 !default
562
+ $close-text-shadow: 0 1px 0 #fff !default
563
+