basscss-rails 3.0.0 → 4.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (55) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/Rakefile +2 -2
  4. data/app/assets/stylesheets/basscss/_align.scss +3 -0
  5. data/app/assets/stylesheets/basscss/_all.scss +14 -0
  6. data/app/assets/stylesheets/basscss/_background-colors.scss +24 -63
  7. data/app/assets/stylesheets/basscss/_background-images.scss +5 -0
  8. data/app/assets/stylesheets/basscss/_border-colors.scss +24 -63
  9. data/app/assets/stylesheets/basscss/_border.scss +51 -0
  10. data/app/assets/stylesheets/basscss/_btn-outline.scss +4 -70
  11. data/app/assets/stylesheets/basscss/_btn-primary.scss +6 -71
  12. data/app/assets/stylesheets/basscss/_btn.scss +5 -71
  13. data/app/assets/stylesheets/basscss/_colors.scss +25 -53
  14. data/app/assets/stylesheets/basscss/_darken.scss +20 -0
  15. data/app/assets/stylesheets/basscss/_flexbox.scss +90 -0
  16. data/app/assets/stylesheets/basscss/_forms.scss +50 -0
  17. data/app/assets/stylesheets/basscss/_grid.scss +4 -73
  18. data/app/assets/stylesheets/basscss/_hide.scss +38 -0
  19. data/app/assets/stylesheets/basscss/_highlight-dark.scss +166 -0
  20. data/app/assets/stylesheets/basscss/_highlight.scss +5 -4
  21. data/app/assets/stylesheets/basscss/_input-range.scss +19 -98
  22. data/app/assets/stylesheets/basscss/{_utility-layout.scss → _layout.scss} +21 -1
  23. data/app/assets/stylesheets/basscss/_lighten.scss +20 -0
  24. data/app/assets/stylesheets/basscss/_margin.scss +96 -0
  25. data/app/assets/stylesheets/basscss/_media-object.scss +55 -0
  26. data/app/assets/stylesheets/basscss/_padding.scss +82 -0
  27. data/app/assets/stylesheets/basscss/{_positions.scss → _position.scss} +17 -5
  28. data/app/assets/stylesheets/basscss/_progress.scss +5 -73
  29. data/app/assets/stylesheets/basscss/{_responsive-white-space.scss → _responsive-margin.scss} +44 -64
  30. data/app/assets/stylesheets/basscss/_responsive-padding.scss +147 -0
  31. data/app/assets/stylesheets/basscss/_type-scale.scss +5 -64
  32. data/app/assets/stylesheets/basscss/_typography.scss +65 -0
  33. data/app/assets/stylesheets/basscss/basscss.scss +8 -33
  34. data/lib/basscss/rails/version.rb +1 -1
  35. metadata +19 -27
  36. data/app/assets/stylesheets/basscss/_base-forms.scss +0 -132
  37. data/app/assets/stylesheets/basscss/_base-reset.scss +0 -10
  38. data/app/assets/stylesheets/basscss/_base-tables.scss +0 -103
  39. data/app/assets/stylesheets/basscss/_base-typography.scss +0 -136
  40. data/app/assets/stylesheets/basscss/_borders.scss +0 -120
  41. data/app/assets/stylesheets/basscss/_btn-sizes.scss +0 -97
  42. data/app/assets/stylesheets/basscss/_color-base.scss +0 -114
  43. data/app/assets/stylesheets/basscss/_color-forms-dark.scss +0 -146
  44. data/app/assets/stylesheets/basscss/_color-forms.scss +0 -139
  45. data/app/assets/stylesheets/basscss/_color-input-range.scss +0 -123
  46. data/app/assets/stylesheets/basscss/_color-progress.scss +0 -99
  47. data/app/assets/stylesheets/basscss/_color-tables.scss +0 -89
  48. data/app/assets/stylesheets/basscss/_defaults.scss +0 -76
  49. data/app/assets/stylesheets/basscss/_flex-object.scss +0 -119
  50. data/app/assets/stylesheets/basscss/_responsive-states.scss +0 -118
  51. data/app/assets/stylesheets/basscss/_table-object.scss +0 -58
  52. data/app/assets/stylesheets/basscss/_ui-utility-groups.scss +0 -21
  53. data/app/assets/stylesheets/basscss/_utility-headings.scss +0 -33
  54. data/app/assets/stylesheets/basscss/_utility-typography.scss +0 -33
  55. data/app/assets/stylesheets/basscss/_white-space.scss +0 -132
@@ -0,0 +1,65 @@
1
+
2
+ // Converted Variables
3
+
4
+ $line-height-1: 1 !default;
5
+ $line-height-2: 1.125 !default;
6
+ $line-height-3: 1.25 !default;
7
+ $line-height-4: 1.5 !default;
8
+ $letter-spacing: 1 !default;
9
+ $caps-letter-spacing: .2em !default;
10
+ $bold-font-weight: bold !default;
11
+
12
+ // Custom Media Query Variables
13
+
14
+
15
+ /* Basscss Typography */
16
+
17
+ .font-family-inherit { font-family: inherit }
18
+
19
+ .font-size-inherit { font-size: inherit }
20
+
21
+ .text-decoration-none { text-decoration: none }
22
+
23
+ .bold { font-weight: $bold-font-weight /* Fallback value: bold */ }
24
+
25
+ .regular { font-weight: normal }
26
+
27
+ .italic { font-style: italic }
28
+
29
+ .caps { text-transform: uppercase; letter-spacing: $caps-letter-spacing; }
30
+
31
+ .left-align { text-align: left }
32
+
33
+ .center { text-align: center }
34
+
35
+ .right-align { text-align: right }
36
+
37
+ .justify { text-align: justify }
38
+
39
+ .nowrap { white-space: nowrap }
40
+
41
+ .break-word { word-wrap: break-word }
42
+
43
+ .line-height-1 { line-height: $line-height-1 }
44
+
45
+ .line-height-2 { line-height: $line-height-2 }
46
+
47
+ .line-height-3 { line-height: $line-height-3 }
48
+
49
+ .line-height-4 { line-height: $line-height-4 }
50
+
51
+ .list-style-none { list-style: none }
52
+
53
+ .underline { text-decoration: underline }
54
+
55
+ .truncate {
56
+ max-width: 100%;
57
+ overflow: hidden;
58
+ text-overflow: ellipsis;
59
+ white-space: nowrap;
60
+ }
61
+
62
+ .list-reset {
63
+ list-style: none;
64
+ padding-left: 0;
65
+ }
@@ -1,36 +1,11 @@
1
- @import "defaults";
2
- @import "base-reset";
3
- @import "base-forms";
4
- @import "base-tables";
5
- @import "base-typography";
6
- @import "color-base";
7
- @import "color-forms";
8
- @import "color-tables";
9
- @import "btn";
10
- @import "btn-primary";
11
- @import "btn-outline";
12
1
  @import "type-scale";
13
- @import "utility-typography";
14
- @import "utility-layout";
2
+ @import "typography";
3
+ @import "layout";
15
4
  @import "align";
16
- @import "white-space";
17
- @import "positions";
18
- @import "responsive-states";
5
+ @import "margin";
6
+ @import "padding";
19
7
  @import "grid";
20
- @import "flex-object";
21
- @import "borders";
22
- @import "colors";
23
- @import "background-colors";
24
- @import "background-images";
25
- @import "border-colors";
26
- @import "btn-sizes";
27
- @import "color-forms-dark";
28
- @import "color-input-range";
29
- @import "color-progress";
30
- @import "highlight";
31
- @import "input-range";
32
- @import "progress";
33
- @import "responsive-white-space";
34
- @import "table-object";
35
- @import "ui-utility-groups";
36
- @import "utility-headings";
8
+ @import "flexbox";
9
+ @import "position";
10
+ @import "border";
11
+ @import "hide";
@@ -1,5 +1,5 @@
1
1
  module Basscss
2
2
  module Rails
3
- VERSION = '3.0.0'
3
+ VERSION = '4.0.0'
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: basscss-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.0.0
4
+ version: 4.0.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - John Otander
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-11-19 00:00:00.000000000 Z
11
+ date: 2016-02-15 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -52,41 +52,34 @@ files:
52
52
  - README.md
53
53
  - Rakefile
54
54
  - app/assets/stylesheets/basscss/_align.scss
55
+ - app/assets/stylesheets/basscss/_all.scss
55
56
  - app/assets/stylesheets/basscss/_background-colors.scss
56
57
  - app/assets/stylesheets/basscss/_background-images.scss
57
- - app/assets/stylesheets/basscss/_base-forms.scss
58
- - app/assets/stylesheets/basscss/_base-reset.scss
59
- - app/assets/stylesheets/basscss/_base-tables.scss
60
- - app/assets/stylesheets/basscss/_base-typography.scss
61
58
  - app/assets/stylesheets/basscss/_border-colors.scss
62
- - app/assets/stylesheets/basscss/_borders.scss
59
+ - app/assets/stylesheets/basscss/_border.scss
63
60
  - app/assets/stylesheets/basscss/_btn-outline.scss
64
61
  - app/assets/stylesheets/basscss/_btn-primary.scss
65
- - app/assets/stylesheets/basscss/_btn-sizes.scss
66
62
  - app/assets/stylesheets/basscss/_btn.scss
67
- - app/assets/stylesheets/basscss/_color-base.scss
68
- - app/assets/stylesheets/basscss/_color-forms-dark.scss
69
- - app/assets/stylesheets/basscss/_color-forms.scss
70
- - app/assets/stylesheets/basscss/_color-input-range.scss
71
- - app/assets/stylesheets/basscss/_color-progress.scss
72
- - app/assets/stylesheets/basscss/_color-tables.scss
73
63
  - app/assets/stylesheets/basscss/_colors.scss
74
- - app/assets/stylesheets/basscss/_defaults.scss
75
- - app/assets/stylesheets/basscss/_flex-object.scss
64
+ - app/assets/stylesheets/basscss/_darken.scss
65
+ - app/assets/stylesheets/basscss/_flexbox.scss
66
+ - app/assets/stylesheets/basscss/_forms.scss
76
67
  - app/assets/stylesheets/basscss/_grid.scss
68
+ - app/assets/stylesheets/basscss/_hide.scss
69
+ - app/assets/stylesheets/basscss/_highlight-dark.scss
77
70
  - app/assets/stylesheets/basscss/_highlight.scss
78
71
  - app/assets/stylesheets/basscss/_input-range.scss
79
- - app/assets/stylesheets/basscss/_positions.scss
72
+ - app/assets/stylesheets/basscss/_layout.scss
73
+ - app/assets/stylesheets/basscss/_lighten.scss
74
+ - app/assets/stylesheets/basscss/_margin.scss
75
+ - app/assets/stylesheets/basscss/_media-object.scss
76
+ - app/assets/stylesheets/basscss/_padding.scss
77
+ - app/assets/stylesheets/basscss/_position.scss
80
78
  - app/assets/stylesheets/basscss/_progress.scss
81
- - app/assets/stylesheets/basscss/_responsive-states.scss
82
- - app/assets/stylesheets/basscss/_responsive-white-space.scss
83
- - app/assets/stylesheets/basscss/_table-object.scss
79
+ - app/assets/stylesheets/basscss/_responsive-margin.scss
80
+ - app/assets/stylesheets/basscss/_responsive-padding.scss
84
81
  - app/assets/stylesheets/basscss/_type-scale.scss
85
- - app/assets/stylesheets/basscss/_ui-utility-groups.scss
86
- - app/assets/stylesheets/basscss/_utility-headings.scss
87
- - app/assets/stylesheets/basscss/_utility-layout.scss
88
- - app/assets/stylesheets/basscss/_utility-typography.scss
89
- - app/assets/stylesheets/basscss/_white-space.scss
82
+ - app/assets/stylesheets/basscss/_typography.scss
90
83
  - app/assets/stylesheets/basscss/basscss.scss
91
84
  - basscss-rails.gemspec
92
85
  - lib/basscss/rails.rb
@@ -112,9 +105,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
112
105
  version: '0'
113
106
  requirements: []
114
107
  rubyforge_project:
115
- rubygems_version: 2.4.3
108
+ rubygems_version: 2.5.1
116
109
  signing_key:
117
110
  specification_version: 4
118
111
  summary: Include BASSCSS in your Rails apps.
119
112
  test_files: []
120
- has_rdoc:
@@ -1,132 +0,0 @@
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
- $lighten-1: rgba(255,255,255,.0625) !default;
53
- $lighten-2: rgba(255,255,255,.125) !default;
54
- $lighten-3: rgba(255,255,255,.25) !default;
55
- $lighten-4: rgba(255,255,255,.5) !default;
56
- $border-width: 1px !default;
57
- $border-radius: 3px !default;
58
- $border-color: $darken-2 !default;
59
- $form-field-font-family: inherit !default;
60
- $form-field-font-size: 1rem !default;
61
- $form-field-height: 2.25rem !default;
62
- $form-field-padding-y: .5rem !default;
63
- $form-field-padding-x: .5rem !default;
64
-
65
- // Custom Media Query Variables
66
-
67
- $breakpoint-sm: '(min-width: 40em)' !default;
68
- $breakpoint-md: '(min-width: 52em)' !default;
69
- $breakpoint-lg: '(min-width: 64em)' !default;
70
-
71
- /* Basscss Base Forms */
72
-
73
- input,
74
- select,
75
- textarea,
76
- fieldset {
77
- font-family: $form-field-font-family;
78
- font-size: $form-field-font-size;
79
- box-sizing: border-box;
80
- margin-top: 0;
81
- margin-bottom: 0;
82
- }
83
-
84
- label {
85
- vertical-align: middle;
86
- }
87
-
88
- input[type=text],
89
- input[type=date],
90
- input[type=datetime],
91
- input[type=datetime-local],
92
- input[type=email],
93
- input[type=month],
94
- input[type=number],
95
- input[type=password],
96
- input[type=search],
97
- input[type=tel],
98
- input[type=time],
99
- input[type=url],
100
- input[type=week] {
101
- height: $form-field-height;
102
- padding: $form-field-padding-y $form-field-padding-x;
103
- vertical-align: middle;
104
- -webkit-appearance: none;
105
- }
106
-
107
- select {
108
- line-height: 1.75;
109
- padding: $form-field-padding-y $form-field-padding-x;
110
- }
111
-
112
- select:not([multiple]) {
113
- height: $form-field-height;
114
- vertical-align: middle;
115
- }
116
-
117
- textarea {
118
- line-height: 1.75;
119
- padding: $form-field-padding-y $form-field-padding-x;
120
- }
121
-
122
- /* Basscss Defaults */
123
-
124
- /*
125
-
126
- COLOR VARIABLES
127
-
128
- - Cool
129
- - Warm
130
- - Gray Scale
131
-
132
- */
@@ -1,10 +0,0 @@
1
-
2
- // Converted Variables
3
-
4
-
5
- // Custom Media Query Variables
6
-
7
-
8
- body { margin: 0 }
9
- img { max-width: 100% }
10
- svg { max-height: 100% }
@@ -1,103 +0,0 @@
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
- $lighten-1: rgba(255,255,255,.0625) !default;
53
- $lighten-2: rgba(255,255,255,.125) !default;
54
- $lighten-3: rgba(255,255,255,.25) !default;
55
- $lighten-4: rgba(255,255,255,.5) !default;
56
- $border-width: 1px !default;
57
- $border-radius: 3px !default;
58
- $border-color: $darken-2 !default;
59
- $table-header-font-weight: $bold-font-weight !default;
60
- $table-cell-padding-x: $space-2 !default;
61
- $table-cell-padding-y: .25rem !default;
62
-
63
- // Custom Media Query Variables
64
-
65
- $breakpoint-sm: '(min-width: 40em)' !default;
66
- $breakpoint-md: '(min-width: 52em)' !default;
67
- $breakpoint-lg: '(min-width: 64em)' !default;
68
-
69
- /* Basscss Base Tables */
70
-
71
- table {
72
- border-collapse: separate;
73
- border-spacing: 0;
74
- max-width: 100%;
75
- width: 100%;
76
- }
77
-
78
- th {
79
- text-align: left;
80
- font-weight: $table-header-font-weight;
81
- }
82
-
83
- th,
84
- td {
85
- padding: $table-cell-padding-y $table-cell-padding-x;
86
- line-height: inherit;
87
- }
88
-
89
- th { vertical-align: bottom }
90
- td { vertical-align: top }
91
-
92
-
93
- /* Basscss Defaults */
94
-
95
- /*
96
-
97
- COLOR VARIABLES
98
-
99
- - Cool
100
- - Warm
101
- - Gray Scale
102
-
103
- */