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
@@ -1,136 +0,0 @@
1
-
2
- // Converted Variables
3
-
4
- $font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
5
- $line-height: 1.5 !default;
6
- $body-font-size: 100% !default;
7
- $heading-font-family: $font-family !default;
8
- $heading-font-weight: bold !default;
9
- $heading-line-height: 1.25 !default;
10
- $heading-margin-top: 1em !default;
11
- $heading-margin-bottom: .5em !default;
12
- $paragraph-margin-top: 0 !default;
13
- $paragraph-margin-bottom: $space-2 !default;
14
- $list-margin-top: 0 !default;
15
- $list-margin-bottom: $space-2 !default;
16
- $monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
17
- $pre-font-size: inherit !default;
18
- $pre-margin-top: 0 !default;
19
- $pre-margin-bottom: $space-2 !default;
20
- $aqua: #7fdbff !default;
21
- $blue: #0074d9 !default;
22
- $navy: #001f3f !default;
23
- $teal: #39cccc !default;
24
- $green: #2ecc40 !default;
25
- $olive: #3d9970 !default;
26
- $lime: #01ff70 !default;
27
- $yellow: #ffdc00 !default;
28
- $orange: #ff851b !default;
29
- $red: #ff4136 !default;
30
- $fuchsia: #f012be !default;
31
- $purple: #b10dc9 !default;
32
- $maroon: #85144b !default;
33
- $white: #fff !default;
34
- $silver: #ddd !default;
35
- $gray: #aaa !default;
36
- $black: #111 !default;
37
- $font-family: 'Helvetica Neue', Helvetica, sans-serif !default;
38
- $line-height: 1.5 !default;
39
- $heading-font-family: $font-family !default;
40
- $heading-font-weight: bold !default;
41
- $heading-line-height: 1.25 !default;
42
- $monospace-font-family: 'Source Code Pro', Consolas, monospace !default;
43
- $h1: 2rem !default;
44
- $h2: 1.5rem !default;
45
- $h3: 1.25rem !default;
46
- $h4: 1rem !default;
47
- $h5: .875rem !default;
48
- $h6: .75rem !default;
49
- $bold-font-weight: bold !default;
50
- $space-1: .5rem !default;
51
- $space-2: 1rem !default;
52
- $space-3: 2rem !default;
53
- $space-4: 4rem !default;
54
- $form-field-font-size: 1rem !default;
55
- $form-field-height: 2.25rem !default;
56
- $form-field-padding-y: .5rem !default;
57
- $form-field-padding-x: .5rem !default;
58
- $button-font-size: inherit !default;
59
- $button-font-weight: bold !default;
60
- $button-line-height: 1.125rem !default;
61
- $button-padding-y: .5rem !default;
62
- $button-padding-x: 1rem !default;
63
- $container-width: 64em !default;
64
- $darken-1: rgba(0,0,0,.0625) !default;
65
- $darken-2: rgba(0,0,0,.125) !default;
66
- $darken-3: rgba(0,0,0,.25) !default;
67
- $darken-4: rgba(0,0,0,.5) !default;
68
- $lighten-1: rgba(255,255,255,.0625) !default;
69
- $lighten-2: rgba(255,255,255,.125) !default;
70
- $lighten-3: rgba(255,255,255,.25) !default;
71
- $lighten-4: rgba(255,255,255,.5) !default;
72
- $border-width: 1px !default;
73
- $border-radius: 3px !default;
74
- $border-color: $darken-2 !default;
75
-
76
- // Custom Media Query Variables
77
-
78
- $breakpoint-sm: '(min-width: 40em)' !default;
79
- $breakpoint-md: '(min-width: 52em)' !default;
80
- $breakpoint-lg: '(min-width: 64em)' !default;
81
-
82
- /* Basscss Base Typography */
83
-
84
- body {
85
- font-family: $font-family;
86
- line-height: $line-height;
87
- font-size: $body-font-size;
88
- }
89
-
90
- h1, h2, h3, h4, h5, h6 {
91
- font-family: $heading-font-family;
92
- font-weight: $heading-font-weight;
93
- line-height: $heading-line-height;
94
- margin-top: $heading-margin-top;
95
- margin-bottom: $heading-margin-bottom;
96
- }
97
-
98
- p {
99
- margin-top: $paragraph-margin-top;
100
- margin-bottom: $paragraph-margin-bottom;
101
- }
102
-
103
- dl, ol, ul {
104
- margin-top: $list-margin-top;
105
- margin-bottom: $list-margin-bottom;
106
- }
107
-
108
- pre, code, samp {
109
- font-family: $monospace-font-family;
110
- font-size: $pre-font-size;
111
- }
112
-
113
- pre {
114
- margin-top: $pre-margin-top;
115
- margin-bottom: $pre-margin-bottom;
116
- overflow-x: scroll;
117
- }
118
-
119
- h1 { font-size: $h1 }
120
- h2 { font-size: $h2 }
121
- h3 { font-size: $h3 }
122
- h4 { font-size: $h4 }
123
- h5 { font-size: $h5 }
124
- h6 { font-size: $h6 }
125
-
126
- /* Basscss Defaults */
127
-
128
- /*
129
-
130
- COLOR VARIABLES
131
-
132
- - Cool
133
- - Warm
134
- - Gray Scale
135
-
136
- */
@@ -1,120 +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
-
60
- // Custom Media Query Variables
61
-
62
- $breakpoint-sm: '(min-width: 40em)' !default;
63
- $breakpoint-md: '(min-width: 52em)' !default;
64
- $breakpoint-lg: '(min-width: 64em)' !default;
65
-
66
- /* Basscss Color Borders */
67
-
68
- .border {
69
- border-style: solid;
70
- border-width: $border-width;
71
- border-color: $border-color;
72
- }
73
-
74
- .border-top {
75
- border-top-style: solid;
76
- border-top-width: $border-width;
77
- border-top-color: $border-color;
78
- }
79
-
80
- .border-right {
81
- border-right-style: solid;
82
- border-right-width: $border-width;
83
- border-right-color: $border-color;
84
- }
85
-
86
- .border-bottom {
87
- border-bottom-style: solid;
88
- border-bottom-width: $border-width;
89
- border-bottom-color: $border-color;
90
- }
91
-
92
- .border-left {
93
- border-left-style: solid;
94
- border-left-width: $border-width;
95
- border-left-color: $border-color;
96
- }
97
-
98
- .border-none { border: 0 }
99
-
100
- .rounded { border-radius: $border-radius }
101
- .circle { border-radius: 50% }
102
-
103
- .rounded-top { border-radius: $border-radius $border-radius 0 0 }
104
- .rounded-right { border-radius: 0 $border-radius $border-radius 0 }
105
- .rounded-bottom { border-radius: 0 0 $border-radius $border-radius }
106
- .rounded-left { border-radius: $border-radius 0 0 $border-radius }
107
-
108
- .not-rounded { border-radius: 0 }
109
-
110
- /* Basscss Defaults */
111
-
112
- /*
113
-
114
- COLOR VARIABLES
115
-
116
- - Cool
117
- - Warm
118
- - Gray Scale
119
-
120
- */
@@ -1,97 +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
- $button-small-padding-y: .25rem !default;
60
- $button-small-padding-x: .5rem !default;
61
- $button-big-padding-y: 1rem !default;
62
- $button-big-padding-x: 1.25rem !default;
63
- $button-narrow-padding-x: $space-1 !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 UI Utility Button Sizes */
72
-
73
- .btn-small {
74
- padding: $button-small-padding-y $button-small-padding-x;
75
- }
76
-
77
- .btn-big {
78
- padding: $button-big-padding-y $button-big-padding-x;
79
- }
80
-
81
- .btn-narrow {
82
- padding-left: $button-narrow-padding-x;
83
- padding-right: $button-narrow-padding-x;
84
- }
85
-
86
-
87
- /* Basscss Defaults */
88
-
89
- /*
90
-
91
- COLOR VARIABLES
92
-
93
- - Cool
94
- - Warm
95
- - Gray Scale
96
-
97
- */
@@ -1,114 +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
- $body-color: $black !default;
60
- $body-background-color: $white !default;
61
- $link-color: $blue !default;
62
- $link-text-decoration: none !default;
63
- $link-hover-text-decoration: underline !default;
64
- $pre-background-color: transparent !default;
65
- $pre-border-radius: $border-radius !default;
66
- $rule-border-style: solid !default;
67
- $rule-border-width: $border-width !default;
68
- $rule-border-color: $border-color !default;
69
-
70
- // Custom Media Query Variables
71
-
72
- $breakpoint-sm: '(min-width: 40em)' !default;
73
- $breakpoint-md: '(min-width: 52em)' !default;
74
- $breakpoint-lg: '(min-width: 64em)' !default;
75
-
76
- /* Basscss Color Base */
77
-
78
- body {
79
- color: $body-color;
80
- background-color: $body-background-color;
81
- }
82
-
83
- a {
84
- color: $link-color;
85
- text-decoration: $link-text-decoration;
86
- }
87
-
88
- a:hover {
89
- text-decoration: $link-hover-text-decoration;
90
- }
91
-
92
- pre, code {
93
- background-color: $pre-background-color;
94
- border-radius: $pre-border-radius;
95
- }
96
-
97
- hr {
98
- border: 0;
99
- border-bottom-style: $rule-border-style;
100
- border-bottom-width: $rule-border-width;
101
- border-bottom-color: $rule-border-color;
102
- }
103
-
104
- /* Basscss Defaults */
105
-
106
- /*
107
-
108
- COLOR VARIABLES
109
-
110
- - Cool
111
- - Warm
112
- - Gray Scale
113
-
114
- */