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,48 @@
1
+ //
2
+ // Labels
3
+ // --------------------------------------------------
4
+
5
+ @if $use-labels == true
6
+
7
+ .label
8
+ background-color: $gray-light
9
+ display: inline
10
+ padding: .2em .6em .3em
11
+ font-weight: inherit
12
+ line-height: 1
13
+ color: $label-color
14
+ text-align: center
15
+ white-space: nowrap
16
+ vertical-align: baseline
17
+ border-radius: .25em
18
+ // Add hover effects, but only for links
19
+ &[href]
20
+ &:hover,
21
+ &:focus
22
+ color: $label-link-hover-color
23
+ text-decoration: none
24
+ cursor: pointer
25
+ // Empty labels collapse automatically (not available in IE8)
26
+ &:empty
27
+ display: none
28
+
29
+ // Colors
30
+ // Contextual variations (linked labels get darker on :hover)
31
+
32
+ .label-default
33
+ +label-variant($label-default-bg)
34
+
35
+ .label-primary
36
+ +label-variant($label-primary-bg)
37
+
38
+ .label-success
39
+ +label-variant($label-success-bg)
40
+
41
+ .label-info
42
+ +label-variant($label-info-bg)
43
+
44
+ .label-warning
45
+ +label-variant($label-warning-bg)
46
+
47
+ .label-danger
48
+ +label-variant($label-danger-bg)
@@ -0,0 +1,44 @@
1
+ // Lists
2
+ // --------------------------------------------------
3
+
4
+ // Unordered and Ordered lists
5
+
6
+ ul,
7
+ ol
8
+ margin-top: 0
9
+ margin-bottom: $line-height-computed / 2
10
+
11
+ ul,
12
+ ol
13
+ margin-bottom: 0
14
+
15
+ // List options
16
+
17
+ // Unstyled keeps list items block level, just removes default browser padding and list-style
18
+ .list-unstyled
19
+ padding-left: 0
20
+ list-style: none
21
+
22
+ // Inline turns list items into inline-block
23
+ .list-inline
24
+ @extend .list-unstyled
25
+ > li
26
+ display: inline-block
27
+ padding-left: 5px
28
+ padding-right: 5px
29
+
30
+
31
+ // Description Lists
32
+ dl
33
+ margin-bottom: $line-height-computed
34
+
35
+ dt,
36
+ dd
37
+ line-height: $line-height-base
38
+
39
+ dt
40
+ font-weight: bold
41
+
42
+ dd
43
+ margin-left: 0
44
+ // Undo browser default
@@ -0,0 +1,47 @@
1
+ // Media objects
2
+ // Source: http://stubbornella.org/content/?p=497
3
+ // --------------------------------------------------
4
+
5
+ // Common styles
6
+ // -------------------------
7
+
8
+ // Clear the floats
9
+
10
+ .media,
11
+ .media-body
12
+ overflow: hidden
13
+ zoom: 1
14
+
15
+ // Proper spacing between instances of .media
16
+
17
+ .media,
18
+ .media .media
19
+ margin-top: 15px
20
+
21
+ .media:first-child
22
+ margin-top: 0
23
+
24
+ // For images and videos, set to block
25
+ .media-object
26
+ display: block
27
+
28
+ // Reset margins on headings for tighter default spacing
29
+ .media-heading
30
+ margin: 0 0 5px
31
+
32
+ // Media image alignment
33
+ // -------------------------
34
+
35
+ .media
36
+ > .pull-left
37
+ margin-right: 10px
38
+ > .pull-right
39
+ margin-left: 10px
40
+
41
+ // Media list variation
42
+ // -------------------------
43
+
44
+ // Undo default ul/ol styles
45
+ .media-list
46
+ padding-left: 0
47
+ list-style: none
@@ -0,0 +1,80 @@
1
+ //
2
+ // Navs
3
+ // --------------------------------------------------
4
+
5
+ .nav
6
+ +clearfix
7
+ margin-bottom: 0
8
+ padding-left: 0
9
+ // Override default ul/ol
10
+ list-style: none
11
+
12
+ > li
13
+ position: relative
14
+ display: block
15
+
16
+ > a
17
+ position: relative
18
+ display: block
19
+ padding: $nav-link-padding
20
+ &:hover,
21
+ &:focus
22
+ text-decoration: none
23
+ background-color: $nav-link-hover-bg
24
+
25
+ // Disabled state sets text to gray and nukes hover/tab effects
26
+ &.disabled > a
27
+ color: $nav-disabled-link-color
28
+
29
+ &:hover,
30
+ &:focus
31
+ color: $nav-disabled-link-hover-color
32
+ text-decoration: none
33
+ background-color: transparent
34
+ cursor: not-allowed
35
+
36
+ // Prevent IE8 from misplacing imgs
37
+ // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
38
+ > li > a > img
39
+ max-width: none
40
+
41
+
42
+
43
+
44
+
45
+ // Stacked pills
46
+ // Needs to be below others so it can override the floats and margins
47
+ .nav-stacked
48
+ > li
49
+ float: none
50
+ + li
51
+ margin-top: 2px
52
+ margin-left: 0
53
+ // no need for this gap between nav items
54
+
55
+
56
+
57
+
58
+ // Justified nav links
59
+ .nav-justified
60
+ width: 100%
61
+ > li
62
+ float: none
63
+ > a
64
+ text-align: center
65
+ @media (min-width: $screen-sm)
66
+ > li
67
+ display: table-cell
68
+ width: 1%
69
+
70
+
71
+
72
+
73
+ // Nav inline
74
+ .nav-inline
75
+ > li
76
+ display: inline-block
77
+ float: left
78
+
79
+
80
+
@@ -0,0 +1,274 @@
1
+ //
2
+ // Navbars
3
+ // --------------------------------------------------
4
+
5
+ @if $use-navbar == true
6
+
7
+ // Wrapper and base class
8
+ //
9
+ // Provide a static navbar from which we expand to create full-width, fixed, and
10
+ // other navbar variations.
11
+
12
+ .navbar
13
+ position: relative
14
+ z-index: $zindex-navbar
15
+ min-height: $navbar-height
16
+ // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
17
+ margin-bottom: $navbar-margin-bottom
18
+ border: 1px solid transparent
19
+ // Prevent floats from breaking the navbar
20
+ +clearfix
21
+ @media (min-width: $grid-float-breakpoint)
22
+ border-radius: $navbar-border-radius
23
+
24
+ // Navbar heading
25
+ //
26
+ // Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
27
+ // styling of responsive aspects.
28
+
29
+ .navbar-header
30
+ +clearfix
31
+ @media (min-width: $grid-float-breakpoint)
32
+ float: left
33
+
34
+ // Navbar collapse (body)
35
+ //
36
+ // Group your navbar content into this for easy collapsing and expanding across
37
+ // various device sizes. By default, this content is collapsed when <768px, but
38
+ // will expand past that for a horizontal display.
39
+ //
40
+ // To start (on mobile devices) the navbar links, forms, and buttons are stacked
41
+ // vertically and include a `max-height` to overflow in case you have too much
42
+ // content for the user's viewport.
43
+
44
+ .navbar-collapse
45
+ max-height: 340px
46
+ overflow-x: visible
47
+ padding-right: $navbar-padding-horizontal
48
+ padding-left: $navbar-padding-horizontal
49
+ border-top: 1px solid transparent
50
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
51
+ +clearfix
52
+ -webkit-overflow-scrolling: touch
53
+ &.in
54
+ overflow-y: auto
55
+ @media (min-width: $grid-float-breakpoint)
56
+ width: auto
57
+ border-top: 0
58
+ box-shadow: none
59
+ &.collapse
60
+ display: block !important
61
+ height: auto !important
62
+ padding-bottom: 0
63
+ // Override default setting
64
+ overflow: visible !important
65
+ &.in
66
+ overflow-y: visible
67
+ // Account for first and last children spacing
68
+ .navbar-nav.navbar-left:first-child
69
+ margin-left: -$navbar-padding-horizontal
70
+ .navbar-nav.navbar-right:last-child
71
+ margin-right: -$navbar-padding-horizontal
72
+ .navbar-text:last-child
73
+ margin-right: 0
74
+
75
+ // Both navbar header and collapse
76
+ //
77
+ // When a container is present, change the behavior of the header and collapse.
78
+
79
+ .container > .navbar-header,
80
+ .container > .navbar-collapse
81
+ margin-right: -$navbar-padding-horizontal
82
+ margin-left: -$navbar-padding-horizontal
83
+ @media (min-width: $grid-float-breakpoint)
84
+ margin-right: 0
85
+ margin-left: 0
86
+
87
+ //
88
+ // Navbar alignment options
89
+ //
90
+ // Display the navbar across the entirity of the page or fixed it to the top or
91
+ // bottom of the page.
92
+
93
+ // Static top (unfixed, but 100% wide) navbar
94
+ .navbar-static-top
95
+ border-width: 0 0 1px
96
+ @media (min-width: $grid-float-breakpoint)
97
+ border-radius: 0
98
+
99
+ // Fix the top/bottom navbars when screen real estate supports it
100
+
101
+ .navbar-fixed-top,
102
+ .navbar-fixed-bottom
103
+ position: fixed
104
+ right: 0
105
+ left: 0
106
+ border-width: 0 0 1px
107
+ // Undo the rounded corners
108
+ @media (min-width: $grid-float-breakpoint)
109
+ border-radius: 0
110
+
111
+ .navbar-fixed-top
112
+ z-index: $zindex-navbar-fixed
113
+ top: 0
114
+
115
+ .navbar-fixed-bottom
116
+ bottom: 0
117
+ margin-bottom: 0
118
+ // override .navbar defaults
119
+
120
+ // Brand/project name
121
+
122
+ .navbar-brand
123
+ float: left
124
+ padding: $navbar-padding-vertical $navbar-padding-horizontal
125
+ font-size: $font-size-large
126
+ line-height: $line-height-computed
127
+ &:hover,
128
+ &:focus
129
+ text-decoration: none
130
+ @media (min-width: $grid-float-breakpoint)
131
+ .navbar > .container &
132
+ margin-left: -$navbar-padding-horizontal
133
+
134
+ // Navbar toggle
135
+ //
136
+ // Custom button for toggling the `.navbar-collapse`, powered by the collapse
137
+ // JavaScript plugin.
138
+
139
+ .navbar-toggle
140
+ position: relative
141
+ float: right
142
+ margin-right: $navbar-padding-horizontal
143
+ padding: 9px 10px
144
+ +navbar-vertical-align(34px)
145
+ background-color: transparent
146
+ border: 1px solid transparent
147
+ border-radius: $border-radius-base
148
+ // Bars
149
+ .icon-bar
150
+ display: block
151
+ width: 22px
152
+ height: 2px
153
+ border-radius: 1px
154
+ .icon-bar + .icon-bar
155
+ margin-top: 4px
156
+ @media (min-width: $grid-float-breakpoint)
157
+ display: none
158
+
159
+ // Navbar nav links
160
+ //
161
+ // Builds on top of the `.nav` components with it's own modifier class to make
162
+ // the nav the full height of the horizontal nav (above 768px).
163
+
164
+ .navbar-nav
165
+ margin: $navbar-padding-vertical / 2 (-$navbar-padding-horizontal)
166
+ > li > a
167
+ padding-top: 10px
168
+ padding-bottom: 10px
169
+ line-height: $line-height-computed
170
+ @media (max-width: $screen-xs-max)
171
+ // Dropdowns get custom display when collapsed
172
+ .open .dropdown-menu
173
+ position: static
174
+ float: none
175
+ width: auto
176
+ margin-top: 0
177
+ background-color: transparent
178
+ border: 0
179
+ box-shadow: none
180
+ > li > a,
181
+ .dropdown-header
182
+ padding: 5px 15px 5px 25px
183
+ > li > a
184
+ line-height: $line-height-computed
185
+ &:hover,
186
+ &:focus
187
+ background-image: none
188
+ // Uncollapse the nav
189
+ @media (min-width: $grid-float-breakpoint)
190
+ float: left
191
+ margin: 0
192
+ > li
193
+ float: left
194
+ > a
195
+ padding-top: ($navbar-height - $line-height-computed) / 2
196
+ padding-bottom: ($navbar-height - $line-height-computed) / 2
197
+
198
+ // Component alignment
199
+ //
200
+ // Repurpose the pull utilities as their own navbar utilities to avoid specifity
201
+ // issues with parents and chaining. Only do this when the navbar is uncollapsed
202
+ // though so that navbar contents properly stack and align in mobile.
203
+
204
+ @media (min-width: $grid-float-breakpoint)
205
+ .navbar-left
206
+ float: left !important
207
+ .navbar-right
208
+ float: right !important
209
+
210
+ // Navbar form
211
+ //
212
+ // Extension of the `.form-inline` with some extra flavor for optimum display in
213
+ // our navbars.
214
+
215
+ .navbar-form
216
+ margin-left: -$navbar-padding-horizontal
217
+ margin-right: -$navbar-padding-horizontal
218
+ padding: 10px $navbar-padding-horizontal
219
+ border-top: 1px solid transparent
220
+ border-bottom: 1px solid transparent
221
+ $shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
222
+ +box-shadow($shadow)
223
+ // Mixin behavior for optimum display
224
+ @extend .form-inline
225
+ .form-group
226
+ @media (max-width: $screen-xs-max)
227
+ margin-bottom: 5px
228
+ // Vertically center in expanded, horizontal navbar
229
+ +navbar-vertical-align($input-height-base)
230
+ // Undo 100% width for pull classes
231
+ @media (min-width: $grid-float-breakpoint)
232
+ width: auto
233
+ border: 0
234
+ margin-left: 0
235
+ margin-right: 0
236
+ padding-top: 0
237
+ padding-bottom: 0
238
+ +box-shadow(none)
239
+
240
+ // Dropdown menus
241
+
242
+ // Menu position and menu carets
243
+ .navbar-nav > li > .dropdown-menu
244
+ margin-top: 0
245
+ +border-top-radius(0)
246
+
247
+ // Menu position and menu caret support for dropups via extra dropup class
248
+ .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu
249
+ +border-bottom-radius(0)
250
+
251
+ // Right aligned menus need alt position
252
+
253
+ .navbar-nav.pull-right > li > .dropdown-menu,
254
+ .navbar-nav > li > .dropdown-menu.pull-right
255
+ left: auto
256
+ right: 0
257
+
258
+ // Buttons in navbars
259
+ //
260
+ // Vertically center a button within a navbar (when *not* in a form).
261
+
262
+ .navbar-btn
263
+ +navbar-vertical-align($input-height-base)
264
+
265
+ // Text in navbars
266
+ //
267
+ // Add a class to make any element properly align itself vertically within the navbars.
268
+
269
+ .navbar-text
270
+ float: left
271
+ +navbar-vertical-align($line-height-computed)
272
+ @media (min-width: $grid-float-breakpoint)
273
+ margin-left: $navbar-padding-horizontal
274
+ margin-right: $navbar-padding-horizontal