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,89 +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 Tables */
67
-
68
- .table-light th,
69
- .table-light td {
70
- border-bottom-width: $border-width;
71
- border-bottom-style: solid;
72
- border-bottom-color: $border-color;
73
- }
74
-
75
- .table-light tr:last-child td {
76
- border-bottom: 0;
77
- }
78
-
79
- /* Basscss Defaults */
80
-
81
- /*
82
-
83
- COLOR VARIABLES
84
-
85
- - Cool
86
- - Warm
87
- - Gray Scale
88
-
89
- */
@@ -1,76 +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 Defaults */
67
-
68
- /*
69
-
70
- COLOR VARIABLES
71
-
72
- - Cool
73
- - Warm
74
- - Gray Scale
75
-
76
- */
@@ -1,119 +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
- /* Flex Object */
67
-
68
- .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
69
-
70
- .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column }
71
- .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
72
-
73
- .flex-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
74
- .flex-baseline { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline }
75
- .flex-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch }
76
- .flex-start { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start }
77
- .flex-end { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }
78
-
79
- .flex-justify { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between }
80
-
81
- /*
82
- * 1. Fix for Chrome 44 bug. https://code.google.com/p/chromium/issues/detail?id=506893
83
- */
84
-
85
- .flex-auto {
86
- -webkit-box-flex: 1;
87
- -webkit-flex: 1 1 auto;
88
- -ms-flex: 1 1 auto;
89
- flex: 1 1 auto;
90
- min-width: 0; /* 1 */
91
- min-height: 0; /* 1 */
92
- }
93
- .flex-grow { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto }
94
- .flex-none { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none }
95
-
96
- .flex-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 }
97
- .flex-last { -webkit-box-ordinal-group: 100000; -webkit-order: 99999; -ms-flex-order: 99999; order: 99999 }
98
- @media #{$breakpoint-sm} {
99
- .sm-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
100
- }
101
- @media #{$breakpoint-md} {
102
- .md-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
103
- }
104
- @media #{$breakpoint-lg} {
105
- .lg-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
106
- }
107
-
108
-
109
- /* Basscss Defaults */
110
-
111
- /*
112
-
113
- COLOR VARIABLES
114
-
115
- - Cool
116
- - Warm
117
- - Gray Scale
118
-
119
- */
@@ -1,118 +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 Utility Responsive States */
67
-
68
- .sm-show, .md-show, .lg-show {
69
- display: none !important
70
- }
71
-
72
- @media #{$breakpoint-sm} {
73
- .sm-show { display: block !important }
74
- }
75
-
76
- @media #{$breakpoint-md} {
77
- .md-show { display: block !important }
78
- }
79
-
80
- @media #{$breakpoint-lg} {
81
- .lg-show { display: block !important }
82
- }
83
-
84
-
85
- @media #{$breakpoint-sm} {
86
- .sm-hide { display: none !important }
87
- }
88
-
89
- @media #{$breakpoint-md} {
90
- .md-hide { display: none !important }
91
- }
92
-
93
- @media #{$breakpoint-lg} {
94
- .lg-hide { display: none !important }
95
- }
96
-
97
- .display-none { display: none !important }
98
-
99
- .hide {
100
- position: absolute !important;
101
- height: 1px;
102
- width: 1px;
103
- overflow: hidden;
104
- clip: rect(1px, 1px, 1px, 1px);
105
- }
106
-
107
-
108
- /* Basscss Defaults */
109
-
110
- /*
111
-
112
- COLOR VARIABLES
113
-
114
- - Cool
115
- - Warm
116
- - Gray Scale
117
-
118
- */
@@ -1,58 +0,0 @@
1
-
2
- // Converted Variables
3
-
4
-
5
- // Custom Media Query Variables
6
-
7
- $breakpoint-sm: '(min-width: 40em)' !default;
8
- $breakpoint-md: '(min-width: 52em)' !default;
9
- $breakpoint-lg: '(min-width: 64em)' !default;
10
-
11
- /* Basscss Table Object */
12
-
13
- .table {
14
- display: table;
15
- width: 100%;
16
- }
17
- .table-cell {
18
- display: table-cell;
19
- vertical-align: middle;
20
- }
21
-
22
- .table-fixed { table-layout: fixed }
23
- @media #{$breakpoint-sm} {
24
-
25
- .sm-table {
26
- display: table;
27
- width: 100%;
28
- }
29
- .sm-table-cell {
30
- display: table-cell;
31
- vertical-align: middle;
32
- }
33
-
34
- }
35
- @media #{$breakpoint-md} {
36
-
37
- .md-table {
38
- display: table;
39
- width: 100%;
40
- }
41
- .md-table-cell {
42
- display: table-cell;
43
- vertical-align: middle;
44
- }
45
-
46
- }
47
- @media #{$breakpoint-lg} {
48
-
49
- .lg-table {
50
- display: table;
51
- width: 100%;
52
- }
53
- .lg-table-cell {
54
- display: table-cell;
55
- vertical-align: middle;
56
- }
57
-
58
- }