bassy-rails 0.0.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +24 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +35 -0
  6. data/Rakefile +10 -0
  7. data/app/assets/stylesheets/basscss/_align.scss +13 -0
  8. data/app/assets/stylesheets/basscss/_background-colors.scss +99 -0
  9. data/app/assets/stylesheets/basscss/_background-images.scss +17 -0
  10. data/app/assets/stylesheets/basscss/_base-buttons.scss +114 -0
  11. data/app/assets/stylesheets/basscss/_base-forms.scss +128 -0
  12. data/app/assets/stylesheets/basscss/_base-reset.scss +10 -0
  13. data/app/assets/stylesheets/basscss/_base-tables.scss +99 -0
  14. data/app/assets/stylesheets/basscss/_base-typography.scss +132 -0
  15. data/app/assets/stylesheets/basscss/_border-colors.scss +99 -0
  16. data/app/assets/stylesheets/basscss/_borders.scss +116 -0
  17. data/app/assets/stylesheets/basscss/_btn-outline.scss +98 -0
  18. data/app/assets/stylesheets/basscss/_btn-primary.scss +97 -0
  19. data/app/assets/stylesheets/basscss/_btn.scss +113 -0
  20. data/app/assets/stylesheets/basscss/_button-blue-outline.scss +46 -0
  21. data/app/assets/stylesheets/basscss/_button-blue.scss +41 -0
  22. data/app/assets/stylesheets/basscss/_button-gray.scss +42 -0
  23. data/app/assets/stylesheets/basscss/_button-light-gray.scss +43 -0
  24. data/app/assets/stylesheets/basscss/_button-link.scss +42 -0
  25. data/app/assets/stylesheets/basscss/_button-nav-dark.scss +23 -0
  26. data/app/assets/stylesheets/basscss/_button-nav-light.scss +26 -0
  27. data/app/assets/stylesheets/basscss/_button-nav-tab.scss +34 -0
  28. data/app/assets/stylesheets/basscss/_button-outline.scss +123 -0
  29. data/app/assets/stylesheets/basscss/_button-red.scss +41 -0
  30. data/app/assets/stylesheets/basscss/_button-sizes.scss +93 -0
  31. data/app/assets/stylesheets/basscss/_button-solid.scss +104 -0
  32. data/app/assets/stylesheets/basscss/_button-transparent.scss +127 -0
  33. data/app/assets/stylesheets/basscss/_color-base.scss +110 -0
  34. data/app/assets/stylesheets/basscss/_color-buttons.scss +196 -0
  35. data/app/assets/stylesheets/basscss/_color-forms-dark.scss +142 -0
  36. data/app/assets/stylesheets/basscss/_color-forms.scss +135 -0
  37. data/app/assets/stylesheets/basscss/_color-input-range.scss +119 -0
  38. data/app/assets/stylesheets/basscss/_color-progress.scss +95 -0
  39. data/app/assets/stylesheets/basscss/_color-tables.scss +85 -0
  40. data/app/assets/stylesheets/basscss/_colors.scss +97 -0
  41. data/app/assets/stylesheets/basscss/_defaults.scss +72 -0
  42. data/app/assets/stylesheets/basscss/_flex-object.scss +104 -0
  43. data/app/assets/stylesheets/basscss/_grid.scss +320 -0
  44. data/app/assets/stylesheets/basscss/_highlight.scss +166 -0
  45. data/app/assets/stylesheets/basscss/_input-range.scss +155 -0
  46. data/app/assets/stylesheets/basscss/_positions.scss +22 -0
  47. data/app/assets/stylesheets/basscss/_progress.scss +101 -0
  48. data/app/assets/stylesheets/basscss/_responsive-states.scss +114 -0
  49. data/app/assets/stylesheets/basscss/_responsive-white-space.scss +194 -0
  50. data/app/assets/stylesheets/basscss/_table-object.scss +58 -0
  51. data/app/assets/stylesheets/basscss/_type-scale.scss +81 -0
  52. data/app/assets/stylesheets/basscss/_ui-utility-groups.scss +21 -0
  53. data/app/assets/stylesheets/basscss/_utility-headings.scss +33 -0
  54. data/app/assets/stylesheets/basscss/_utility-layout.scss +32 -0
  55. data/app/assets/stylesheets/basscss/_utility-typography.scss +33 -0
  56. data/app/assets/stylesheets/basscss/_white-space.scss +128 -0
  57. data/app/assets/stylesheets/basscss/basscss.scss +42 -0
  58. data/bassy-rails.gemspec +23 -0
  59. data/lib/bassy/rails.rb +7 -0
  60. data/lib/bassy/rails/engine.rb +8 -0
  61. data/lib/bassy/rails/version.rb +5 -0
  62. metadata +134 -0
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 0eb3a687d2a3e34b1549a877a4e8dc5fd4f03d98
4
+ data.tar.gz: 3c0f68cbd8df0a00a3f0393e1dd18f989c449850
5
+ SHA512:
6
+ metadata.gz: 0e0bd50892da4570a9a0539574d72c2b717402df687c808b6cc41ff0cf47f811ee9c5c8e59de4131506e2f4c982a72c7e394de8bb3d36fcdc2e9842f2c337281
7
+ data.tar.gz: bd3a18bc17dd4aaaca850e0ea04ccfd2c02311c7c53917e0bb2d8ad3fd4d089db790e813a5466728bc38feda0c7a5cb6d55f71843a031d16a3d8d66f8cc95c7d
@@ -0,0 +1,24 @@
1
+ *.gem
2
+ *.rbc
3
+ .bundle
4
+ .config
5
+ .yardoc
6
+ Gemfile.lock
7
+ InstalledFiles
8
+ _yardoc
9
+ coverage
10
+ doc/
11
+ lib/bundler/man
12
+ pkg
13
+ rdoc
14
+ spec/reports
15
+ test/tmp
16
+ test/version_tmp
17
+ tmp
18
+ *.bundle
19
+ *.so
20
+ *.o
21
+ *.a
22
+ mkmf.log
23
+
24
+ node_modules
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in basscss.gemspec
4
+ gemspec
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2014-2015 Brent Jackson, Vlad Arbatov
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
@@ -0,0 +1,35 @@
1
+ # Bassy for Rails
2
+
3
+ Include "Lightning-Fast Modular CSS with No Side Effects" Basscss in Rails. Basscss is a lightweight collection of base element styles and immutable utilities designed for speed, clarity, performance, and scalability.
4
+
5
+ ## Installation
6
+
7
+ Add to Gemfile:
8
+
9
+ ```ruby
10
+ gem 'bassy-rails'
11
+ ```
12
+
13
+ Execute:
14
+
15
+ $ bundle
16
+
17
+ Or install standalone:
18
+
19
+ $ gem install basscss-rails
20
+
21
+
22
+ Include in application.scss:
23
+
24
+ ```scss
25
+ @import "basscss/basscss";
26
+ ```
27
+ Enjoy.
28
+
29
+ ## Documentation
30
+
31
+ Basscss documentation: <http://www.basscss.com/docs/>
32
+
33
+ ## Acknowledgements
34
+
35
+ * The toolkit is made by Brent Jackson: <http://jxnblk.com/>
@@ -0,0 +1,10 @@
1
+ require 'bundler/gem_tasks'
2
+ require 'fileutils'
3
+
4
+ task :update do
5
+ puts 'Updating basscss files'
6
+ exec('npm i --save basscss-sass --prefix ./')
7
+ FileUtils.remove_dir('app/assets/stylesheets/basscss')
8
+ FileUtils.mkdir('app/assets/stylesheets/basscss')
9
+ exec('cp node_modules/basscss-sass/*.scss app/assets/stylesheets/basscss')
10
+ end
@@ -0,0 +1,13 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /* Basscss Align */
9
+
10
+ .align-baseline { vertical-align: baseline }
11
+ .align-top { vertical-align: top }
12
+ .align-middle { vertical-align: middle }
13
+ .align-bottom { vertical-align: bottom }
@@ -0,0 +1,99 @@
1
+
2
+ // Converted Variables
3
+
4
+ $aqua: #7fdbff !default;
5
+ $blue: #0074d9 !default;
6
+ $navy: #001f3f !default;
7
+ $teal: #39cccc !default;
8
+ $green: #2ecc40 !default;
9
+ $olive: #3d9970 !default;
10
+ $lime: #01ff70 !default;
11
+ $yellow: #ffdc00 !default;
12
+ $orange: #ff851b !default;
13
+ $red: #ff4136 !default;
14
+ $fuchsia: #f012be !default;
15
+ $purple: #b10dc9 !default;
16
+ $maroon: #85144b !default;
17
+ $white: #fff !default;
18
+ $silver: #ddd !default;
19
+ $gray: #aaa !default;
20
+ $black: #111 !default;
21
+ $font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
22
+ $line-height: 1.5 !default;
23
+ $heading-font-family: $font-family !default;
24
+ $heading-font-weight: bold !default;
25
+ $heading-line-height: 1.25 !default;
26
+ $monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
27
+ $h1: 2rem !default;
28
+ $h2: 1.5rem !default;
29
+ $h3: 1.25rem !default;
30
+ $h4: 1rem !default;
31
+ $h5: .875rem !default;
32
+ $h6: .75rem !default;
33
+ $bold-font-weight: bold !default;
34
+ $space-1: .5rem !default;
35
+ $space-2: 1rem !default;
36
+ $space-3: 2rem !default;
37
+ $space-4: 4rem !default;
38
+ $form-field-font-size: 1rem !default;
39
+ $form-field-height: 2.25rem !default;
40
+ $form-field-padding-y: .5rem !default;
41
+ $form-field-padding-x: .5rem !default;
42
+ $button-font-size: inherit !default;
43
+ $button-font-weight: bold !default;
44
+ $button-line-height: 1.125rem !default;
45
+ $button-padding-y: .5rem !default;
46
+ $button-padding-x: 1rem !default;
47
+ $container-width: 64em !default;
48
+ $darken-1: rgba(0,0,0,.0625) !default;
49
+ $darken-2: rgba(0,0,0,.125) !default;
50
+ $darken-3: rgba(0,0,0,.25) !default;
51
+ $darken-4: rgba(0,0,0,.5) !default;
52
+ $border-width: 1px !default;
53
+ $border-radius: 3px !default;
54
+ $border-color: $darken-2 !default;
55
+
56
+ // Custom Media Query Variables
57
+
58
+ $breakpoint-sm: '(min-width: 40em)' !default;
59
+ $breakpoint-md: '(min-width: 52em)' !default;
60
+ $breakpoint-lg: '(min-width: 64em)' !default;
61
+
62
+ /* Basscss Background Colors */
63
+
64
+ .bg-black { background-color: $black }
65
+ .bg-gray { background-color: $gray }
66
+ .bg-silver { background-color: $silver }
67
+ .bg-white { background-color: $white }
68
+
69
+ .bg-aqua { background-color: $aqua }
70
+ .bg-blue { background-color: $blue }
71
+ .bg-navy { background-color: $navy }
72
+ .bg-teal { background-color: $teal }
73
+ .bg-green { background-color: $green }
74
+ .bg-olive { background-color: $olive }
75
+ .bg-lime { background-color: $lime }
76
+
77
+ .bg-yellow { background-color: $yellow }
78
+ .bg-orange { background-color: $orange }
79
+ .bg-red { background-color: $red }
80
+ .bg-fuchsia { background-color: $fuchsia }
81
+ .bg-purple { background-color: $purple }
82
+ .bg-maroon { background-color: $maroon }
83
+
84
+ .bg-darken-1 { background-color: $darken-1 }
85
+ .bg-darken-2 { background-color: $darken-2 }
86
+ .bg-darken-3 { background-color: $darken-3 }
87
+ .bg-darken-4 { background-color: $darken-4 }
88
+
89
+ /* Basscss Defaults */
90
+
91
+ /*
92
+
93
+ COLOR VARIABLES
94
+
95
+ - Cool
96
+ - Warm
97
+ - Gray Scale
98
+
99
+ */
@@ -0,0 +1,17 @@
1
+
2
+ // Converted Variables
3
+
4
+
5
+ // Custom Media Query Variables
6
+
7
+
8
+ /* Basscss Background Images */
9
+
10
+ .bg-cover { background-size: cover }
11
+ .bg-contain { background-size: contain }
12
+
13
+ .bg-center { background-position: center }
14
+ .bg-top { background-position: top }
15
+ .bg-right { background-position: right }
16
+ .bg-bottom { background-position: bottom }
17
+ .bg-left { background-position: left }
@@ -0,0 +1,114 @@
1
+
2
+ // Converted Variables
3
+
4
+ $aqua: #7fdbff !default;
5
+ $blue: #0074d9 !default;
6
+ $navy: #001f3f !default;
7
+ $teal: #39cccc !default;
8
+ $green: #2ecc40 !default;
9
+ $olive: #3d9970 !default;
10
+ $lime: #01ff70 !default;
11
+ $yellow: #ffdc00 !default;
12
+ $orange: #ff851b !default;
13
+ $red: #ff4136 !default;
14
+ $fuchsia: #f012be !default;
15
+ $purple: #b10dc9 !default;
16
+ $maroon: #85144b !default;
17
+ $white: #fff !default;
18
+ $silver: #ddd !default;
19
+ $gray: #aaa !default;
20
+ $black: #111 !default;
21
+ $font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
22
+ $line-height: 1.5 !default;
23
+ $heading-font-family: $font-family !default;
24
+ $heading-font-weight: bold !default;
25
+ $heading-line-height: 1.25 !default;
26
+ $monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
27
+ $h1: 2rem !default;
28
+ $h2: 1.5rem !default;
29
+ $h3: 1.25rem !default;
30
+ $h4: 1rem !default;
31
+ $h5: .875rem !default;
32
+ $h6: .75rem !default;
33
+ $bold-font-weight: bold !default;
34
+ $space-1: .5rem !default;
35
+ $space-2: 1rem !default;
36
+ $space-3: 2rem !default;
37
+ $space-4: 4rem !default;
38
+ $form-field-font-size: 1rem !default;
39
+ $form-field-height: 2.25rem !default;
40
+ $form-field-padding-y: .5rem !default;
41
+ $form-field-padding-x: .5rem !default;
42
+ $button-font-size: inherit !default;
43
+ $button-font-weight: bold !default;
44
+ $button-line-height: 1.125rem !default;
45
+ $button-padding-y: .5rem !default;
46
+ $button-padding-x: 1rem !default;
47
+ $container-width: 64em !default;
48
+ $darken-1: rgba(0,0,0,.0625) !default;
49
+ $darken-2: rgba(0,0,0,.125) !default;
50
+ $darken-3: rgba(0,0,0,.25) !default;
51
+ $darken-4: rgba(0,0,0,.5) !default;
52
+ $border-width: 1px !default;
53
+ $border-radius: 3px !default;
54
+ $border-color: $darken-2 !default;
55
+ $button-font-family: inherit !default;
56
+ $button-font-size: inherit !default;
57
+ $button-font-weight: $bold-font-weight /* Fallback value: bold */ !default;
58
+ $button-line-height: 1.125rem !default;
59
+ $button-padding-y: .5rem !default;
60
+ $button-padding-x: 1rem !default;
61
+
62
+ // Custom Media Query Variables
63
+
64
+ $breakpoint-sm: '(min-width: 40em)' !default;
65
+ $breakpoint-md: '(min-width: 52em)' !default;
66
+ $breakpoint-lg: '(min-width: 64em)' !default;
67
+
68
+ /* Basscss Base Buttons */
69
+
70
+ button,
71
+ .button {
72
+ font-family: $button-font-family;
73
+ font-size: $button-font-size;
74
+ font-weight: $button-font-weight;
75
+ text-decoration: none;
76
+ cursor: pointer;
77
+ display: inline-block;
78
+ line-height: $button-line-height;
79
+ padding: $button-padding-y $button-padding-x;
80
+ margin: 0;
81
+ height: auto;
82
+ border: $border-width solid transparent;
83
+ vertical-align: middle;
84
+ -webkit-appearance: none;
85
+ }
86
+
87
+ button,
88
+ button:after,
89
+ button:before,
90
+ .button,
91
+ .button:after,
92
+ .button:before {
93
+ box-sizing: border-box;
94
+ box-sizing: border-box;
95
+ }
96
+
97
+ ::-moz-focus-inner {
98
+ border: 0;
99
+ padding: 0;
100
+ }
101
+
102
+ .button:hover { text-decoration: none }
103
+
104
+ /* Basscss Defaults */
105
+
106
+ /*
107
+
108
+ COLOR VARIABLES
109
+
110
+ - Cool
111
+ - Warm
112
+ - Gray Scale
113
+
114
+ */
@@ -0,0 +1,128 @@
1
+
2
+ // Converted Variables
3
+
4
+ $aqua: #7fdbff !default;
5
+ $blue: #0074d9 !default;
6
+ $navy: #001f3f !default;
7
+ $teal: #39cccc !default;
8
+ $green: #2ecc40 !default;
9
+ $olive: #3d9970 !default;
10
+ $lime: #01ff70 !default;
11
+ $yellow: #ffdc00 !default;
12
+ $orange: #ff851b !default;
13
+ $red: #ff4136 !default;
14
+ $fuchsia: #f012be !default;
15
+ $purple: #b10dc9 !default;
16
+ $maroon: #85144b !default;
17
+ $white: #fff !default;
18
+ $silver: #ddd !default;
19
+ $gray: #aaa !default;
20
+ $black: #111 !default;
21
+ $font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
22
+ $line-height: 1.5 !default;
23
+ $heading-font-family: $font-family !default;
24
+ $heading-font-weight: bold !default;
25
+ $heading-line-height: 1.25 !default;
26
+ $monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
27
+ $h1: 2rem !default;
28
+ $h2: 1.5rem !default;
29
+ $h3: 1.25rem !default;
30
+ $h4: 1rem !default;
31
+ $h5: .875rem !default;
32
+ $h6: .75rem !default;
33
+ $bold-font-weight: bold !default;
34
+ $space-1: .5rem !default;
35
+ $space-2: 1rem !default;
36
+ $space-3: 2rem !default;
37
+ $space-4: 4rem !default;
38
+ $form-field-font-size: 1rem !default;
39
+ $form-field-height: 2.25rem !default;
40
+ $form-field-padding-y: .5rem !default;
41
+ $form-field-padding-x: .5rem !default;
42
+ $button-font-size: inherit !default;
43
+ $button-font-weight: bold !default;
44
+ $button-line-height: 1.125rem !default;
45
+ $button-padding-y: .5rem !default;
46
+ $button-padding-x: 1rem !default;
47
+ $container-width: 64em !default;
48
+ $darken-1: rgba(0,0,0,.0625) !default;
49
+ $darken-2: rgba(0,0,0,.125) !default;
50
+ $darken-3: rgba(0,0,0,.25) !default;
51
+ $darken-4: rgba(0,0,0,.5) !default;
52
+ $border-width: 1px !default;
53
+ $border-radius: 3px !default;
54
+ $border-color: $darken-2 !default;
55
+ $form-field-font-family: inherit !default;
56
+ $form-field-font-size: 1rem !default;
57
+ $form-field-height: 2.25rem !default;
58
+ $form-field-padding-y: .5rem !default;
59
+ $form-field-padding-x: .5rem !default;
60
+
61
+ // Custom Media Query Variables
62
+
63
+ $breakpoint-sm: '(min-width: 40em)' !default;
64
+ $breakpoint-md: '(min-width: 52em)' !default;
65
+ $breakpoint-lg: '(min-width: 64em)' !default;
66
+
67
+ /* Basscss Base Forms */
68
+
69
+ input,
70
+ select,
71
+ textarea,
72
+ fieldset {
73
+ font-family: $form-field-font-family;
74
+ font-size: $form-field-font-size;
75
+ box-sizing: border-box;
76
+ margin-top: 0;
77
+ margin-bottom: 0;
78
+ }
79
+
80
+ label {
81
+ vertical-align: middle;
82
+ }
83
+
84
+ input[type=text],
85
+ input[type=date],
86
+ input[type=datetime],
87
+ input[type=datetime-local],
88
+ input[type=email],
89
+ input[type=month],
90
+ input[type=number],
91
+ input[type=password],
92
+ input[type=search],
93
+ input[type=tel],
94
+ input[type=time],
95
+ input[type=url],
96
+ input[type=week] {
97
+ height: $form-field-height;
98
+ padding: $form-field-padding-y $form-field-padding-x;
99
+ vertical-align: middle;
100
+ -webkit-appearance: none;
101
+ }
102
+
103
+ select {
104
+ line-height: 1.75;
105
+ padding: $form-field-padding-y $form-field-padding-x;
106
+ }
107
+
108
+ select:not([multiple]) {
109
+ height: $form-field-height;
110
+ vertical-align: middle;
111
+ }
112
+
113
+ textarea {
114
+ line-height: 1.75;
115
+ padding: $form-field-padding-y $form-field-padding-x;
116
+ }
117
+
118
+ /* Basscss Defaults */
119
+
120
+ /*
121
+
122
+ COLOR VARIABLES
123
+
124
+ - Cool
125
+ - Warm
126
+ - Gray Scale
127
+
128
+ */