waterfall_bourbon_neat_rails 0.0.1.0

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 (44) hide show
  1. checksums.yaml +7 -0
  2. data/MIT-LICENSE +20 -0
  3. data/README.md +4 -0
  4. data/app/assets/images/waterfall_bourbon_neat_rails/home-bg.jpg +0 -0
  5. data/app/assets/images/waterfall_bourbon_neat_rails/home-tile-bg.gif +0 -0
  6. data/app/assets/images/waterfall_bourbon_neat_rails/waterfall-software-logo.png +0 -0
  7. data/app/assets/javascripts/waterfall_bourbon_neat_rails.js +1 -0
  8. data/app/assets/javascripts/waterfall_bourbon_neat_rails/application.js +5 -0
  9. data/app/assets/stylesheets/base/_base.scss +24 -0
  10. data/app/assets/stylesheets/base/_buttons.scss +10 -0
  11. data/app/assets/stylesheets/base/_flashes.scss +15 -0
  12. data/app/assets/stylesheets/base/_forms.scss +78 -0
  13. data/app/assets/stylesheets/base/_grid-settings.scss +14 -0
  14. data/app/assets/stylesheets/base/_lists.scss +30 -0
  15. data/app/assets/stylesheets/base/_tables.scss +22 -0
  16. data/app/assets/stylesheets/base/_typography.scss +87 -0
  17. data/app/assets/stylesheets/base/_variables.scss +53 -0
  18. data/app/assets/stylesheets/base/extends/_button.scss +17 -0
  19. data/app/assets/stylesheets/base/extends/_clearfix.scss +3 -0
  20. data/app/assets/stylesheets/base/extends/_hide-text.scss +3 -0
  21. data/app/assets/stylesheets/base/mixins/_flash.scss +15 -0
  22. data/app/assets/stylesheets/normalize/README.md +57 -0
  23. data/app/assets/stylesheets/normalize/component.json +8 -0
  24. data/app/assets/stylesheets/normalize/normalize.css +425 -0
  25. data/app/assets/stylesheets/normalize/package.json +30 -0
  26. data/app/assets/stylesheets/partials/_flash.scss +15 -0
  27. data/app/assets/stylesheets/partials/_footer.scss +8 -0
  28. data/app/assets/stylesheets/partials/_layout.scss +195 -0
  29. data/app/assets/stylesheets/partials/_nav.scss +58 -0
  30. data/app/assets/stylesheets/partials/_variables.scss +1 -0
  31. data/app/assets/stylesheets/waterfall_bourbon_neat_rails.css.scss +1 -0
  32. data/app/assets/stylesheets/waterfall_bourbon_neat_rails/application.scss +11 -0
  33. data/app/views/layouts/application.html.slim +10 -0
  34. data/app/views/waterfall_bourbon_neat_rails/_flash.html.slim +3 -0
  35. data/app/views/waterfall_bourbon_neat_rails/_footer.html.slim +2 -0
  36. data/app/views/waterfall_bourbon_neat_rails/_full_body.html.slim +16 -0
  37. data/app/views/waterfall_bourbon_neat_rails/_header_tags.html.slim +1 -0
  38. data/app/views/waterfall_bourbon_neat_rails/_javascript.html.slim +2 -0
  39. data/app/views/waterfall_bourbon_neat_rails/_nav.html.slim +10 -0
  40. data/app/views/waterfall_bourbon_neat_rails/_side_bar.html.slim +5 -0
  41. data/lib/waterfall_bourbon_neat_rails.rb +4 -0
  42. data/lib/waterfall_bourbon_neat_rails/engine.rb +7 -0
  43. data/lib/waterfall_bourbon_neat_rails/version.rb +3 -0
  44. metadata +247 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 6fdaf489ca3093204395afd2035e75276bff7924
4
+ data.tar.gz: bacfce7786bd4285d101c740dd4c3bb57f6f9697
5
+ SHA512:
6
+ metadata.gz: 24b05128ead4052208a767ddc8ed7c365ccf135a8d529d37b47a934f78c0465a4b1c6801a673d7e523f46188fbda7b4e01644ecc2ab626c962417219d3d30b19
7
+ data.tar.gz: 9042012d0bd00bee199a3dc9440df225cc36368d61eebcabf14e4ce542af5a94f8f38179eb6ad79b89a67b3b11bc33323787942e8ef447876ac7994950fbbace
data/MIT-LICENSE ADDED
@@ -0,0 +1,20 @@
1
+ Copyright 2014 Waterfall Software
2
+
3
+ Permission is hereby granted, free of charge, to any person obtaining
4
+ a copy of this software and associated documentation files (the
5
+ "Software"), to deal in the Software without restriction, including
6
+ without limitation the rights to use, copy, modify, merge, publish,
7
+ distribute, sublicense, and/or sell copies of the Software, and to
8
+ permit persons to whom the Software is furnished to do so, subject to
9
+ the following conditions:
10
+
11
+ The above copyright notice and this permission notice shall be
12
+ included in all copies or substantial portions of the Software.
13
+
14
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,4 @@
1
+ waterfall_bourbon_neat_rails
2
+ ============================
3
+
4
+ Shared assets gem which wrapps over bourbon & neat
@@ -0,0 +1 @@
1
+ //= require waterfall_bourbon_neat_rails/application.js
@@ -0,0 +1,5 @@
1
+ //= require jquery
2
+ //= require jquery_ujs
3
+ // please include only the jquery-ui modules that are needed
4
+ // require jquery-ui
5
+ //= require autocomplete-rails
@@ -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
+ }