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.
- data/.gitignore +17 -0
- data/Gemfile +4 -0
- data/LICENSE.txt +25 -0
- data/README.md +29 -0
- data/Rakefile +1 -0
- data/app/assets/stylesheets/primordial.css.sass +24 -0
- data/app/assets/stylesheets/primordial/components/_alerts.css.sass +57 -0
- data/app/assets/stylesheets/primordial/components/_breadcrumbs.css.sass +21 -0
- data/app/assets/stylesheets/primordial/components/_button-groups.css.sass +212 -0
- data/app/assets/stylesheets/primordial/components/_buttons.css.sass +114 -0
- data/app/assets/stylesheets/primordial/components/_close.css.sass +30 -0
- data/app/assets/stylesheets/primordial/components/_forms.css.sass +332 -0
- data/app/assets/stylesheets/primordial/components/_input-groups.css.sass +119 -0
- data/app/assets/stylesheets/primordial/components/_labels.css.sass +48 -0
- data/app/assets/stylesheets/primordial/components/_lists.css.sass +44 -0
- data/app/assets/stylesheets/primordial/components/_media-object.css.sass +47 -0
- data/app/assets/stylesheets/primordial/components/_nav.css.sass +80 -0
- data/app/assets/stylesheets/primordial/components/_navbar.css.sass +274 -0
- data/app/assets/stylesheets/primordial/components/_pagination.css.sass +58 -0
- data/app/assets/stylesheets/primordial/components/_tables.css.sass +78 -0
- data/app/assets/stylesheets/primordial/core/_base.css.sass +59 -0
- data/app/assets/stylesheets/primordial/core/_mixins.css.sass +754 -0
- data/app/assets/stylesheets/primordial/core/_normalize.css.sass +365 -0
- data/app/assets/stylesheets/primordial/core/_typography.css.sass +198 -0
- data/app/assets/stylesheets/primordial/core/_variables.css.sass +563 -0
- data/lib/primordial.rb +14 -0
- data/lib/primordial/engine.rb +4 -0
- data/lib/primordial/version.rb +3 -0
- data/primordial.gemspec +26 -0
- 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
|