waterfall_bourbon_neat_rails 0.0.5.0 → 0.0.5.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/stylesheets/base/_base.scss +24 -0
  3. data/app/assets/stylesheets/base/_buttons.scss +10 -0
  4. data/app/assets/stylesheets/base/_flashes.scss +15 -0
  5. data/app/assets/stylesheets/base/_forms.scss +78 -0
  6. data/app/assets/stylesheets/base/_grid-settings.scss +14 -0
  7. data/app/assets/stylesheets/base/_lists.scss +30 -0
  8. data/app/assets/stylesheets/base/_tables.scss +22 -0
  9. data/app/assets/stylesheets/base/_typography.scss +87 -0
  10. data/app/assets/stylesheets/base/_variables.scss +53 -0
  11. data/app/assets/stylesheets/base/extends/_button.scss +17 -0
  12. data/app/assets/stylesheets/base/extends/_clearfix.scss +3 -0
  13. data/app/assets/stylesheets/base/extends/_hide-text.scss +3 -0
  14. data/app/assets/stylesheets/base/mixins/_flash.scss +15 -0
  15. data/app/assets/stylesheets/normalize.css/README.md +57 -0
  16. data/app/assets/stylesheets/normalize.css/component.json +8 -0
  17. data/app/assets/stylesheets/normalize.css/normalize.css +425 -0
  18. data/app/assets/stylesheets/normalize.css/package.json +30 -0
  19. data/app/assets/stylesheets/partials/_footer.scss +5 -0
  20. data/app/assets/stylesheets/partials/_layout.scss +29 -0
  21. data/app/assets/stylesheets/partials/_nav.scss +9 -0
  22. data/app/assets/stylesheets/waterfall_bourbon_neat_rails/application.scss +5 -36
  23. data/app/views/waterfall_bourbon_neat_rails/_flash.html.slim +1 -1
  24. data/app/views/waterfall_bourbon_neat_rails/_footer.html.slim +2 -8
  25. data/app/views/waterfall_bourbon_neat_rails/_nav.html.slim +1 -1
  26. data/lib/waterfall_bourbon_neat_rails/version.rb +1 -1
  27. metadata +21 -1
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 8294e0f5f325a1f66ee7701d065c1445247a8607
4
- data.tar.gz: aff9086f4be2b39e191548b8d86ef9bcb45d2161
3
+ metadata.gz: 0f89c0239e4d1b35318211acaff2dada605b6ff1
4
+ data.tar.gz: 75276b5864d19744a7396f2292df057c44ad03b0
5
5
  SHA512:
6
- metadata.gz: 5960e7d6afa2c4d866d10e74072aaa86e7e435d256650f5a2a4279102a14ae0f59adbf4aff2974b1c925d39c38a0287671e36bdacd6c5465ae02adda4e3a205c
7
- data.tar.gz: 0cf00f44499c19a2305a48e11f07b4676af5a91dfa79087873e4ee3351484addc6013a4ab65a6bdbc5e7dc0c63216dbabd5b2304a984f811fb47f6af107bb06c
6
+ metadata.gz: 2b93f018a541b6803f9a8e278af8fbd67576c1e7feaf9bdda84999e6cd267f591a81cb96327909df3322b60f6349a59d1650e3352ab52d098589b7e2f3ec9615
7
+ data.tar.gz: d6f15becfe7edf14477a0f4aa43004211b371e6f9e7f5a69c49bee7d7a74d678ee512b9353403d3d5341997c3a39539d581783b5e18667f1ce2da383462b8efc
@@ -0,0 +1,24 @@
1
+ // Bitters v0.10.0
2
+ // http://bitters.bourbon.io
3
+
4
+ // Variables
5
+ @import 'variables';
6
+
7
+ // Neat Settings -- uncomment if using Neat -- must be imported before Neat
8
+ @import 'grid-settings';
9
+
10
+ // Mixins
11
+ @import 'mixins/flash';
12
+
13
+ // Extends
14
+ @import 'extends/button';
15
+ @import 'extends/clearfix';
16
+ @import 'extends/hide-text';
17
+
18
+ // Typography and Elements
19
+ @import 'typography';
20
+ @import 'forms';
21
+ @import 'tables';
22
+ @import 'lists';
23
+ @import 'flashes';
24
+ @import 'buttons';
@@ -0,0 +1,10 @@
1
+ button,
2
+ input[type="submit"] {
3
+ @extend %button;
4
+ @include appearance(none);
5
+ border: none;
6
+ cursor: pointer;
7
+ user-select: none;
8
+ vertical-align: middle;
9
+ white-space: nowrap;
10
+ }
@@ -0,0 +1,15 @@
1
+ %flash-alert {
2
+ @include flash($alert-color);
3
+ }
4
+
5
+ %flash-error {
6
+ @include flash($error-color);
7
+ }
8
+
9
+ %flash-notice {
10
+ @include flash($notice-color);
11
+ }
12
+
13
+ %flash-success {
14
+ @include flash($success-color);
15
+ }
@@ -0,0 +1,78 @@
1
+ fieldset {
2
+ background: lighten($base-border-color, 10);
3
+ border: 1px solid $base-border-color;
4
+ margin: 0 0 ($base-line-height / 2) 0;
5
+ padding: $base-line-height;
6
+ }
7
+
8
+ input,
9
+ label,
10
+ select {
11
+ display: block;
12
+ font-family: $form-font-family;
13
+ font-size: $form-font-size;
14
+ }
15
+
16
+ label {
17
+ font-weight: bold;
18
+ margin-bottom: $base-line-height / 4;
19
+
20
+ &.required:after {
21
+ content: "*";
22
+ }
23
+
24
+ abbr {
25
+ display: none;
26
+ }
27
+ }
28
+
29
+ textarea,
30
+ #{$all-text-inputs},
31
+ select[multiple=multiple] {
32
+ @include box-sizing(border-box);
33
+ @include transition(border-color);
34
+ background-color: white;
35
+ border-radius: $form-border-radius;
36
+ border: 1px solid $form-border-color;
37
+ box-shadow: $form-box-shadow;
38
+ font-family: $form-font-family;
39
+ font-size: $form-font-size;
40
+ margin-bottom: $base-line-height / 2;
41
+ padding: ($base-line-height / 3) ($base-line-height / 3);
42
+ width: 100%;
43
+
44
+ &:hover {
45
+ border-color: $form-border-color-hover;
46
+ }
47
+
48
+ &:focus {
49
+ border-color: $form-border-color-focus;
50
+ box-shadow: $form-box-shadow-focus;
51
+ outline: none;
52
+ }
53
+ }
54
+
55
+ textarea {
56
+ resize: vertical;
57
+ }
58
+
59
+ input[type="search"] {
60
+ @include appearance(none);
61
+ }
62
+
63
+ input[type="checkbox"], input[type="radio"] {
64
+ display: inline;
65
+ margin-right: $base-line-height / 4;
66
+ }
67
+
68
+ input[type="file"] {
69
+ margin-bottom: $base-line-height / 2;
70
+ padding-bottom: ($base-line-height / 3);
71
+ width: 100%;
72
+ }
73
+
74
+ select {
75
+ width: auto;
76
+ max-width: 100%;
77
+ margin-bottom: $base-line-height;
78
+ }
@@ -0,0 +1,14 @@
1
+ @import 'neat-helpers'; // or '../neat/neat-helpers' when not in Rails
2
+
3
+ // Neat Overrides
4
+ // $column: 90px;
5
+ // $gutter: 30px;
6
+ // $grid-columns: 12;
7
+ $max-width: em(700);
8
+
9
+ // Neat Breakpoints
10
+ $medium-screen: em(640);
11
+ $large-screen: em(860);
12
+
13
+ $medium-screen-up: new-breakpoint(min-width $medium-screen 4);
14
+ $large-screen-up: new-breakpoint(min-width $large-screen 8);
@@ -0,0 +1,30 @@
1
+ ul, ol {
2
+ margin: 0;
3
+ padding: 0;
4
+ list-style-type: none;
5
+
6
+ &%default-ul {
7
+ list-style-type: disc;
8
+ margin-bottom: $base-line-height / 2;
9
+ padding-left: $base-line-height;
10
+ }
11
+
12
+ &%default-ol {
13
+ list-style-type: decimal;
14
+ margin-bottom: $base-line-height / 2;
15
+ padding-left: $base-line-height;
16
+ }
17
+ }
18
+
19
+ dl {
20
+ margin-bottom: $base-line-height / 2;
21
+
22
+ dt {
23
+ font-weight: bold;
24
+ margin-top: $base-line-height / 2;
25
+ }
26
+
27
+ dd {
28
+ margin: 0;
29
+ }
30
+ }
@@ -0,0 +1,22 @@
1
+ table {
2
+ border-collapse: collapse;
3
+ margin: ($base-line-height / 2) 0;
4
+ table-layout: fixed;
5
+ width: 100%;
6
+ }
7
+
8
+ th {
9
+ border-bottom: 1px solid darken($base-border-color, 15%);
10
+ font-weight: bold;
11
+ padding: ($base-line-height / 2) 0;
12
+ text-align: left;
13
+ }
14
+
15
+ td {
16
+ border-bottom: 1px solid $base-border-color;
17
+ padding: ($base-line-height / 2) 0;
18
+ }
19
+
20
+ tr, td, th {
21
+ vertical-align: middle;
22
+ }
@@ -0,0 +1,87 @@
1
+ body {
2
+ -webkit-font-smoothing: antialiased;
3
+ background-color: $base-background-color;
4
+ color: $base-font-color;
5
+ font-family: $base-font-family;
6
+ font-size: $base-font-size;
7
+ line-height: $unitless-line-height;
8
+ }
9
+
10
+ h1, h2, h3, h4, h5, h6 {
11
+ font-family: $header-font-family;
12
+ line-height: $header-line-height;
13
+ margin: 0;
14
+ text-rendering: optimizeLegibility; // Fix the character spacing for headings
15
+ }
16
+
17
+ h1 {
18
+ font-size: $base-font-size * 2.25; // 16 * 2.25 = 36px
19
+ }
20
+
21
+ h2 {
22
+ font-size: $base-font-size * 2; // 16 * 2 = 32px
23
+ }
24
+
25
+ h3 {
26
+ font-size: $base-font-size * 1.75; // 16 * 1.75 = 28px
27
+ }
28
+
29
+ h4 {
30
+ font-size: $base-font-size * 1.5; // 16 * 1.5 = 24px
31
+ }
32
+
33
+ h5 {
34
+ font-size: $base-font-size * 1.25; // 16 * 1.25 = 20px
35
+ }
36
+
37
+ h6 {
38
+ font-size: $base-font-size;
39
+ }
40
+
41
+ p {
42
+ margin: 0 0 ($base-line-height * .5);
43
+ }
44
+
45
+ a {
46
+ @include transition(color 0.1s linear);
47
+ color: $base-link-color;
48
+ text-decoration: none;
49
+
50
+ &:hover {
51
+ color: $hover-link-color;
52
+ }
53
+
54
+ &:active, &:focus {
55
+ color: $hover-link-color;
56
+ outline: none;
57
+ }
58
+ }
59
+
60
+ hr {
61
+ border-bottom: 1px solid $base-border-color;
62
+ border-left: none;
63
+ border-right: none;
64
+ border-top: none;
65
+ margin: $base-line-height 0;
66
+ }
67
+
68
+ img {
69
+ margin: 0;
70
+ max-width: 100%;
71
+ }
72
+
73
+ blockquote {
74
+ border-left: 2px solid $base-border-color;
75
+ color: lighten($base-font-color, 15);
76
+ margin: $base-line-height 0;
77
+ padding-left: $base-line-height / 2;
78
+ }
79
+
80
+ cite {
81
+ color: lighten($base-font-color, 25);
82
+ font-style: italic;
83
+
84
+ &:before {
85
+ content: '\2014 \00A0';
86
+ }
87
+ }
@@ -0,0 +1,53 @@
1
+ // Typography
2
+ $sans-serif: $helvetica;
3
+ $serif: $georgia;
4
+ $base-font-family: $sans-serif;
5
+ $header-font-family: $base-font-family;
6
+
7
+ // Sizes
8
+ $base-font-size: 1em;
9
+ $base-line-height: $base-font-size * 1.5;
10
+ $unitless-line-height: $base-line-height / ($base-line-height * 0 + 1); // Strip units from line-height: https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#Prefer_unitless_numbers_for_line-height_values
11
+ $header-line-height: $base-font-size * 1.25;
12
+ $base-border-radius: em(3);
13
+
14
+ // Colors
15
+ $blue: #477DCA;
16
+ $dark-gray: #333;
17
+ $medium-gray: #999;
18
+ $light-gray: #DDD;
19
+ $light-red: #FBE3E4;
20
+ $light-yellow: #FFF6BF;
21
+ $light-green: #E6EFC2;
22
+
23
+ // Background Color
24
+ $base-background-color: white;
25
+
26
+ // Font Colors
27
+ $base-font-color: $dark-gray;
28
+ $base-accent-color: $blue;
29
+
30
+ // Link Colors
31
+ $base-link-color: $base-accent-color;
32
+ $hover-link-color: darken($base-accent-color, 15);
33
+ $base-button-color: $base-link-color;
34
+ $hover-button-color: $hover-link-color;
35
+
36
+ // Border color
37
+ $base-border-color: $light-gray;
38
+
39
+ // Flash Colors
40
+ $alert-color: $light-yellow;
41
+ $error-color: $light-red;
42
+ $notice-color: $light-yellow;
43
+ $success-color: $light-green;
44
+
45
+ // Forms
46
+ $form-border-color: $base-border-color;
47
+ $form-border-color-hover: darken($base-border-color, 10);
48
+ $form-border-color-focus: $base-accent-color;
49
+ $form-border-radius: $base-border-radius;
50
+ $form-box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
51
+ $form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
52
+ $form-font-size: $base-font-size;
53
+ $form-font-family: $base-font-family;
@@ -0,0 +1,17 @@
1
+ %button {
2
+ -webkit-font-smoothing: antialiased;
3
+ background-color: $base-button-color;
4
+ border-radius: $base-border-radius;
5
+ color: white;
6
+ display: inline-block;
7
+ font-size: $base-font-size;
8
+ font-weight: bold;
9
+ line-height: 1;
10
+ padding: .75em 1em;
11
+ text-decoration: none;
12
+
13
+ &:hover {
14
+ background-color: $hover-button-color;
15
+ color: white;
16
+ }
17
+ }
@@ -0,0 +1,3 @@
1
+ %clearfix {
2
+ @include clearfix;
3
+ }
@@ -0,0 +1,3 @@
1
+ %hide-text {
2
+ @include hide-text;
3
+ }
@@ -0,0 +1,15 @@
1
+ @mixin flash($color) {
2
+ background: $color;
3
+ color: darken($color, 60);
4
+ font-weight: bold;
5
+ margin-bottom: $base-line-height / 2;
6
+ padding: $base-line-height / 2;
7
+
8
+ a {
9
+ color: darken($color, 70);
10
+
11
+ &:hover {
12
+ color: darken($color, 90);
13
+ }
14
+ }
15
+ }
@@ -0,0 +1,57 @@
1
+ # normalize.css v3
2
+
3
+ Normalize.css is a customisable CSS file that makes browsers render all
4
+ elements more consistently and in line with modern standards.
5
+
6
+ The project relies on researching the differences between default browser
7
+ styles in order to precisely target only the styles that need or benefit from
8
+ normalizing.
9
+
10
+ [View the test file](http://necolas.github.io/normalize.css/latest/test.html)
11
+
12
+ ## Install
13
+
14
+ Download from the [project page](http://necolas.github.io/normalize.css/).
15
+
16
+ Install with [Component(1)](https://github.com/component/component/): `component install necolas/normalize.css`
17
+
18
+ Install with [npm](http://npmjs.org/): `npm install --save normalize.css`
19
+
20
+ Install with [Bower](http://bower.io/): `bower install --save normalize.css`
21
+
22
+ ## What does it do?
23
+
24
+ * Preserves useful defaults, unlike many CSS resets.
25
+ * Normalizes styles for a wide range of elements.
26
+ * Corrects bugs and common browser inconsistencies.
27
+ * Improves usability with subtle improvements.
28
+ * Explains what code does using detailed comments.
29
+
30
+ ## How to use it
31
+
32
+ No other styles should come before Normalize.css.
33
+
34
+ It is recommended that you include the `normalize.css` file as untouched
35
+ library code.
36
+
37
+ ## Browser support
38
+
39
+ * Google Chrome (latest)
40
+ * Mozilla Firefox (latest)
41
+ * Mozilla Firefox 4
42
+ * Opera (latest)
43
+ * Apple Safari 6+
44
+ * Internet Explorer 8+
45
+
46
+ [Normalize.css v1 provides legacy browser
47
+ support](https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+),
48
+ but is no longer actively developed.
49
+
50
+ ## Contributing
51
+
52
+ Please read the CONTRIBUTING.md
53
+
54
+ ## Acknowledgements
55
+
56
+ Normalize.css is a project by [Nicolas Gallagher](https://github.com/necolas),
57
+ co-created with [Jonathan Neal](https://github.com/jonathantneal).
@@ -0,0 +1,8 @@
1
+ {
2
+ "name": "normalize.css",
3
+ "repo": "necolas/normalize.css",
4
+ "version": "3.0.1",
5
+ "styles": ["normalize.css"],
6
+ "author": "Nicolas Gallagher",
7
+ "license": "MIT"
8
+ }
@@ -0,0 +1,425 @@
1
+ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
2
+
3
+ /**
4
+ * 1. Set default font family to sans-serif.
5
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
6
+ * user zoom.
7
+ */
8
+
9
+ html {
10
+ font-family: sans-serif; /* 1 */
11
+ -ms-text-size-adjust: 100%; /* 2 */
12
+ -webkit-text-size-adjust: 100%; /* 2 */
13
+ }
14
+
15
+ /**
16
+ * Remove default margin.
17
+ */
18
+
19
+ body {
20
+ margin: 0;
21
+ }
22
+
23
+ /* HTML5 display definitions
24
+ ========================================================================== */
25
+
26
+ /**
27
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
28
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
29
+ * Correct `block` display not defined for `main` in IE 11.
30
+ */
31
+
32
+ article,
33
+ aside,
34
+ details,
35
+ figcaption,
36
+ figure,
37
+ footer,
38
+ header,
39
+ hgroup,
40
+ main,
41
+ nav,
42
+ section,
43
+ summary {
44
+ display: block;
45
+ }
46
+
47
+ /**
48
+ * 1. Correct `inline-block` display not defined in IE 8/9.
49
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
50
+ */
51
+
52
+ audio,
53
+ canvas,
54
+ progress,
55
+ video {
56
+ display: inline-block; /* 1 */
57
+ vertical-align: baseline; /* 2 */
58
+ }
59
+
60
+ /**
61
+ * Prevent modern browsers from displaying `audio` without controls.
62
+ * Remove excess height in iOS 5 devices.
63
+ */
64
+
65
+ audio:not([controls]) {
66
+ display: none;
67
+ height: 0;
68
+ }
69
+
70
+ /**
71
+ * Address `[hidden]` styling not present in IE 8/9/10.
72
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
73
+ */
74
+
75
+ [hidden],
76
+ template {
77
+ display: none;
78
+ }
79
+
80
+ /* Links
81
+ ========================================================================== */
82
+
83
+ /**
84
+ * Remove the gray background color from active links in IE 10.
85
+ */
86
+
87
+ a {
88
+ background: transparent;
89
+ }
90
+
91
+ /**
92
+ * Improve readability when focused and also mouse hovered in all browsers.
93
+ */
94
+
95
+ a:active,
96
+ a:hover {
97
+ outline: 0;
98
+ }
99
+
100
+ /* Text-level semantics
101
+ ========================================================================== */
102
+
103
+ /**
104
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
105
+ */
106
+
107
+ abbr[title] {
108
+ border-bottom: 1px dotted;
109
+ }
110
+
111
+ /**
112
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
113
+ */
114
+
115
+ b,
116
+ strong {
117
+ font-weight: bold;
118
+ }
119
+
120
+ /**
121
+ * Address styling not present in Safari and Chrome.
122
+ */
123
+
124
+ dfn {
125
+ font-style: italic;
126
+ }
127
+
128
+ /**
129
+ * Address variable `h1` font-size and margin within `section` and `article`
130
+ * contexts in Firefox 4+, Safari, and Chrome.
131
+ */
132
+
133
+ h1 {
134
+ font-size: 2em;
135
+ margin: 0.67em 0;
136
+ }
137
+
138
+ /**
139
+ * Address styling not present in IE 8/9.
140
+ */
141
+
142
+ mark {
143
+ background: #ff0;
144
+ color: #000;
145
+ }
146
+
147
+ /**
148
+ * Address inconsistent and variable font size in all browsers.
149
+ */
150
+
151
+ small {
152
+ font-size: 80%;
153
+ }
154
+
155
+ /**
156
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
157
+ */
158
+
159
+ sub,
160
+ sup {
161
+ font-size: 75%;
162
+ line-height: 0;
163
+ position: relative;
164
+ vertical-align: baseline;
165
+ }
166
+
167
+ sup {
168
+ top: -0.5em;
169
+ }
170
+
171
+ sub {
172
+ bottom: -0.25em;
173
+ }
174
+
175
+ /* Embedded content
176
+ ========================================================================== */
177
+
178
+ /**
179
+ * Remove border when inside `a` element in IE 8/9/10.
180
+ */
181
+
182
+ img {
183
+ border: 0;
184
+ }
185
+
186
+ /**
187
+ * Correct overflow not hidden in IE 9/10/11.
188
+ */
189
+
190
+ svg:not(:root) {
191
+ overflow: hidden;
192
+ }
193
+
194
+ /* Grouping content
195
+ ========================================================================== */
196
+
197
+ /**
198
+ * Address margin not present in IE 8/9 and Safari.
199
+ */
200
+
201
+ figure {
202
+ margin: 1em 40px;
203
+ }
204
+
205
+ /**
206
+ * Address differences between Firefox and other browsers.
207
+ */
208
+
209
+ hr {
210
+ -moz-box-sizing: content-box;
211
+ box-sizing: content-box;
212
+ height: 0;
213
+ }
214
+
215
+ /**
216
+ * Contain overflow in all browsers.
217
+ */
218
+
219
+ pre {
220
+ overflow: auto;
221
+ }
222
+
223
+ /**
224
+ * Address odd `em`-unit font size rendering in all browsers.
225
+ */
226
+
227
+ code,
228
+ kbd,
229
+ pre,
230
+ samp {
231
+ font-family: monospace, monospace;
232
+ font-size: 1em;
233
+ }
234
+
235
+ /* Forms
236
+ ========================================================================== */
237
+
238
+ /**
239
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
240
+ * styling of `select`, unless a `border` property is set.
241
+ */
242
+
243
+ /**
244
+ * 1. Correct color not being inherited.
245
+ * Known issue: affects color of disabled elements.
246
+ * 2. Correct font properties not being inherited.
247
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
248
+ */
249
+
250
+ button,
251
+ input,
252
+ optgroup,
253
+ select,
254
+ textarea {
255
+ color: inherit; /* 1 */
256
+ font: inherit; /* 2 */
257
+ margin: 0; /* 3 */
258
+ }
259
+
260
+ /**
261
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
262
+ */
263
+
264
+ button {
265
+ overflow: visible;
266
+ }
267
+
268
+ /**
269
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
270
+ * All other form control elements do not inherit `text-transform` values.
271
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
272
+ * Correct `select` style inheritance in Firefox.
273
+ */
274
+
275
+ button,
276
+ select {
277
+ text-transform: none;
278
+ }
279
+
280
+ /**
281
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
282
+ * and `video` controls.
283
+ * 2. Correct inability to style clickable `input` types in iOS.
284
+ * 3. Improve usability and consistency of cursor style between image-type
285
+ * `input` and others.
286
+ */
287
+
288
+ button,
289
+ html input[type="button"], /* 1 */
290
+ input[type="reset"],
291
+ input[type="submit"] {
292
+ -webkit-appearance: button; /* 2 */
293
+ cursor: pointer; /* 3 */
294
+ }
295
+
296
+ /**
297
+ * Re-set default cursor for disabled elements.
298
+ */
299
+
300
+ button[disabled],
301
+ html input[disabled] {
302
+ cursor: default;
303
+ }
304
+
305
+ /**
306
+ * Remove inner padding and border in Firefox 4+.
307
+ */
308
+
309
+ button::-moz-focus-inner,
310
+ input::-moz-focus-inner {
311
+ border: 0;
312
+ padding: 0;
313
+ }
314
+
315
+ /**
316
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
317
+ * the UA stylesheet.
318
+ */
319
+
320
+ input {
321
+ line-height: normal;
322
+ }
323
+
324
+ /**
325
+ * It's recommended that you don't attempt to style these elements.
326
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
327
+ *
328
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
329
+ * 2. Remove excess padding in IE 8/9/10.
330
+ */
331
+
332
+ input[type="checkbox"],
333
+ input[type="radio"] {
334
+ box-sizing: border-box; /* 1 */
335
+ padding: 0; /* 2 */
336
+ }
337
+
338
+ /**
339
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
340
+ * `font-size` values of the `input`, it causes the cursor style of the
341
+ * decrement button to change from `default` to `text`.
342
+ */
343
+
344
+ input[type="number"]::-webkit-inner-spin-button,
345
+ input[type="number"]::-webkit-outer-spin-button {
346
+ height: auto;
347
+ }
348
+
349
+ /**
350
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
351
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
352
+ * (include `-moz` to future-proof).
353
+ */
354
+
355
+ input[type="search"] {
356
+ -webkit-appearance: textfield; /* 1 */
357
+ -moz-box-sizing: content-box;
358
+ -webkit-box-sizing: content-box; /* 2 */
359
+ box-sizing: content-box;
360
+ }
361
+
362
+ /**
363
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
364
+ * Safari (but not Chrome) clips the cancel button when the search input has
365
+ * padding (and `textfield` appearance).
366
+ */
367
+
368
+ input[type="search"]::-webkit-search-cancel-button,
369
+ input[type="search"]::-webkit-search-decoration {
370
+ -webkit-appearance: none;
371
+ }
372
+
373
+ /**
374
+ * Define consistent border, margin, and padding.
375
+ */
376
+
377
+ fieldset {
378
+ border: 1px solid #c0c0c0;
379
+ margin: 0 2px;
380
+ padding: 0.35em 0.625em 0.75em;
381
+ }
382
+
383
+ /**
384
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
385
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
386
+ */
387
+
388
+ legend {
389
+ border: 0; /* 1 */
390
+ padding: 0; /* 2 */
391
+ }
392
+
393
+ /**
394
+ * Remove default vertical scrollbar in IE 8/9/10/11.
395
+ */
396
+
397
+ textarea {
398
+ overflow: auto;
399
+ }
400
+
401
+ /**
402
+ * Don't inherit the `font-weight` (applied by a rule above).
403
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
404
+ */
405
+
406
+ optgroup {
407
+ font-weight: bold;
408
+ }
409
+
410
+ /* Tables
411
+ ========================================================================== */
412
+
413
+ /**
414
+ * Remove most spacing between table cells.
415
+ */
416
+
417
+ table {
418
+ border-collapse: collapse;
419
+ border-spacing: 0;
420
+ }
421
+
422
+ td,
423
+ th {
424
+ padding: 0;
425
+ }
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "normalize.css",
3
+ "version": "3.0.1",
4
+ "description": "Normalize.css as a node packaged module",
5
+ "style": "normalize.css",
6
+ "files": [
7
+ "normalize.css",
8
+ "component.json"
9
+ ],
10
+ "homepage": "http://necolas.github.io/normalize.css",
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "git://github.com/necolas/normalize.css.git"
14
+ },
15
+ "author": {
16
+ "name": "Nicolas Gallagher"
17
+ },
18
+ "license": "MIT",
19
+ "readme": "# normalize.css v3\n\nNormalize.css is a customisable CSS file that makes browsers render all\nelements more consistently and in line with modern standards.\n\nThe project relies on researching the differences between default browser\nstyles in order to precisely target only the styles that need or benefit from\nnormalizing.\n\n[View the test file](http://necolas.github.io/normalize.css/latest/test.html)\n\n## Install\n\nDownload from the [project page](http://necolas.github.io/normalize.css/).\n\nInstall with [Component(1)](https://github.com/component/component/): `component install necolas/normalize.css`\n\nInstall with [npm](http://npmjs.org/): `npm install --save normalize.css`\n\nInstall with [Bower](http://bower.io/): `bower install --save normalize.css`\n\n## What does it do?\n\n* Preserves useful defaults, unlike many CSS resets.\n* Normalizes styles for a wide range of elements.\n* Corrects bugs and common browser inconsistencies.\n* Improves usability with subtle improvements.\n* Explains what code does using detailed comments.\n\n## How to use it\n\nNo other styles should come before Normalize.css.\n\nIt is recommended that you include the `normalize.css` file as untouched\nlibrary code.\n\n## Browser support\n\n* Google Chrome (latest)\n* Mozilla Firefox (latest)\n* Mozilla Firefox 4\n* Opera (latest)\n* Apple Safari 6+\n* Internet Explorer 8+\n\n[Normalize.css v1 provides legacy browser\nsupport](https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+),\nbut is no longer actively developed.\n\n## Contributing\n\nPlease read the CONTRIBUTING.md\n\n## Acknowledgements\n\nNormalize.css is a project by [Nicolas Gallagher](https://github.com/necolas),\nco-created with [Jonathan Neal](https://github.com/jonathantneal).\n",
20
+ "readmeFilename": "README.md",
21
+ "bugs": {
22
+ "url": "https://github.com/necolas/normalize.css/issues"
23
+ },
24
+ "_id": "normalize.css@3.0.1",
25
+ "dist": {
26
+ "shasum": "0a7d531e467893d255fc83c077f1c3127423e36e"
27
+ },
28
+ "_from": "normalize.css@",
29
+ "_resolved": "https://registry.npmjs.org/normalize.css/-/normalize.css-3.0.1.tgz"
30
+ }
@@ -0,0 +1,5 @@
1
+ footer {
2
+ border-top: 1px solid $base-border-color;
3
+ margin: 2em 0;
4
+ padding-top: 2em;
5
+ }
@@ -0,0 +1,29 @@
1
+ .container {
2
+ @include outer-container;
3
+ }
4
+
5
+ ol {
6
+ font-size: 1em;
7
+ font-weight: 500;
8
+
9
+ li {
10
+ margin: .5em 0;
11
+
12
+ span {
13
+ display: inline-block;
14
+
15
+ &:before {
16
+ content: '/';
17
+ margin: 0 .3em;
18
+ }
19
+ }
20
+ }
21
+ }
22
+
23
+ .large-column {
24
+ @include span-columns(8 of 12);
25
+ }
26
+
27
+ .small-column {
28
+ @include span-columns(4 of 12);
29
+ }
@@ -0,0 +1,9 @@
1
+ nav {
2
+ border-bottom: 1px solid $base-border-color;
3
+ margin: em(30) 0;
4
+
5
+ ul {
6
+ display: inline-block;
7
+ margin-bottom: em(10);
8
+ }
9
+ }
@@ -1,40 +1,9 @@
1
+ @import "normalize/normalize";
1
2
  @import "bourbon";
3
+ @import "base/base"; /* Bitters needs to be imported before Neat */
2
4
  @import "neat";
3
- // @import "flash";
5
+ @import "partials/layout";
6
+ @import "partials/nav";
7
+ @import "partials/footer";
4
8
  // @import "jquery.autocomplete";
5
9
  // include only jquery-ui modules that are needed
6
-
7
- div.container {
8
- @include outer-container;
9
- }
10
-
11
- div.nav-bar {
12
- @include span-columns(12);
13
- @include row(table);
14
- }
15
-
16
- div.side-bar {
17
- @include span-columns(4);
18
- @include pad();
19
- }
20
-
21
- div.main-content {
22
- @include span-columns(8);
23
- @include reset-display;
24
- @include pad();
25
- }
26
-
27
- div.footer {
28
- @include span-columns(12);
29
- div.copyright {
30
- @include span-columns(6 of 12);
31
- }
32
- div.fake-links-container {
33
- @include span-columns(6 of 12);
34
- }
35
- }
36
-
37
- li.fake-link {
38
- @include span-columns(3);
39
- @include omega(4n);
40
- }
@@ -1,3 +1,3 @@
1
- /- flash.each do |key, value|
1
+ - flash.each do |key, value|
2
2
  div class=["panel", "flash-panel-#{key}"]
3
3
  value
@@ -1,10 +1,4 @@
1
- .copyright
2
- p
3
- Copyright Waterfall Software Inc., All rights reserved
1
+ ul
2
+ li = 'Copyright Waterfall Software Inc., All rights reserved'
4
3
 
5
- .fake-links-container
6
- li.fake_link = link_to 'Link 1', '#'
7
- li.fake_link = link_to 'Link 2', '#'
8
- li.fake_link = link_to 'Link 3', '#'
9
- li.fake_link = link_to 'Link 4', '#'
10
4
 
@@ -1,4 +1,4 @@
1
- nav data='topbar'
1
+ nav
2
2
  ul
3
3
  li
4
4
  h1
@@ -1,3 +1,3 @@
1
1
  module WaterfallBourbonNeatRails
2
- VERSION = "0.0.5.0".freeze
2
+ VERSION = "0.0.5.1".freeze
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: waterfall_bourbon_neat_rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.5.0
4
+ version: 0.0.5.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Waterfall Software Inc.
@@ -162,6 +162,26 @@ files:
162
162
  - README.md
163
163
  - app/assets/javascripts/waterfall_bourbon_neat_rails.js
164
164
  - app/assets/javascripts/waterfall_bourbon_neat_rails/application.js
165
+ - app/assets/stylesheets/base/_base.scss
166
+ - app/assets/stylesheets/base/_buttons.scss
167
+ - app/assets/stylesheets/base/_flashes.scss
168
+ - app/assets/stylesheets/base/_forms.scss
169
+ - app/assets/stylesheets/base/_grid-settings.scss
170
+ - app/assets/stylesheets/base/_lists.scss
171
+ - app/assets/stylesheets/base/_tables.scss
172
+ - app/assets/stylesheets/base/_typography.scss
173
+ - app/assets/stylesheets/base/_variables.scss
174
+ - app/assets/stylesheets/base/extends/_button.scss
175
+ - app/assets/stylesheets/base/extends/_clearfix.scss
176
+ - app/assets/stylesheets/base/extends/_hide-text.scss
177
+ - app/assets/stylesheets/base/mixins/_flash.scss
178
+ - app/assets/stylesheets/normalize.css/README.md
179
+ - app/assets/stylesheets/normalize.css/component.json
180
+ - app/assets/stylesheets/normalize.css/normalize.css
181
+ - app/assets/stylesheets/normalize.css/package.json
182
+ - app/assets/stylesheets/partials/_footer.scss
183
+ - app/assets/stylesheets/partials/_layout.scss
184
+ - app/assets/stylesheets/partials/_nav.scss
165
185
  - app/assets/stylesheets/waterfall_bourbon_neat_rails.css.scss
166
186
  - app/assets/stylesheets/waterfall_bourbon_neat_rails/application.scss
167
187
  - app/views/layouts/application.html.slim