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,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