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,21 +0,0 @@
1
-
2
- // Converted Variables
3
-
4
- $border-width: 1px !default;
5
-
6
- // Custom Media Query Variables
7
-
8
-
9
- /* Basscss UI Utility Groups */
10
-
11
- .x-group-item { margin-left: -$border-width }
12
- .x-group-item:first-of-type { margin-left: 0 }
13
-
14
- .y-group-item { margin-top: -$border-width }
15
- .y-group-item:first-of-type { margin-top: 0 }
16
-
17
- .x-group-item:focus,
18
- .y-group-item:focus {
19
- position: relative;
20
- z-index: 1;
21
- }
@@ -1,33 +0,0 @@
1
-
2
- // Converted Variables
3
-
4
- $h00: 4rem !default;
5
- $h0: 3rem !default;
6
- $h00-responsive: 8vw !default;
7
- $h0-responsive: 6vw !default;
8
- $h1-responsive: 4vw !default;
9
- $h00-responsive-max: 7.68rem !default;
10
- $h0-responsive-max: 5.76rem !default;
11
- $h1-responsive-max: 3.84rem !default;
12
-
13
- // Custom Media Query Variables
14
-
15
- $breakpoint-md: '(min-width: 52em)' !default;
16
- $breakpoint-xl: '(min-width: 96em)' !default;
17
-
18
- /* Basscss Utility Headings */
19
-
20
- .h00 { font-size: $h00 }
21
- .h0 { font-size: $h0 }
22
-
23
- @media #{$breakpoint-md} {
24
- .h00-responsive { font-size: $h00-responsive }
25
- .h0-responsive { font-size: $h0-responsive }
26
- .h1-responsive { font-size: $h1-responsive }
27
- }
28
-
29
- @media #{$breakpoint-xl} {
30
- .h00-responsive { font-size: $h00-responsive-max }
31
- .h0-responsive { font-size: $h0-responsive-max }
32
- .h1-responsive { font-size: $h1-responsive-max }
33
- }
@@ -1,33 +0,0 @@
1
-
2
- // Converted Variables
3
-
4
-
5
- // Custom Media Query Variables
6
-
7
-
8
- /* Basscss Utility Typography */
9
-
10
- .bold { font-weight: $bold-font-weight /* Fallback value: bold */ }
11
- .regular { font-weight: normal }
12
- .italic { font-style: italic }
13
- .caps { text-transform: uppercase; letter-spacing: .2em; }
14
-
15
- .left-align { text-align: left }
16
- .center { text-align: center }
17
- .right-align { text-align: right }
18
- .justify { text-align: justify }
19
-
20
- .nowrap { white-space: nowrap }
21
- .break-word { word-wrap: break-word }
22
-
23
- .truncate {
24
- max-width: 100%;
25
- overflow: hidden;
26
- text-overflow: ellipsis;
27
- white-space: nowrap;
28
- }
29
-
30
- .list-reset {
31
- list-style: none;
32
- padding-left: 0;
33
- }
@@ -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
-
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 White Space */
67
-
68
- .m0 { margin: 0 }
69
- .mt0 { margin-top: 0 }
70
- .mr0 { margin-right: 0 }
71
- .mb0 { margin-bottom: 0 }
72
- .ml0 { margin-left: 0 }
73
-
74
- .m1 { margin: $space-1 }
75
- .mt1 { margin-top: $space-1 }
76
- .mr1 { margin-right: $space-1 }
77
- .mb1 { margin-bottom: $space-1 }
78
- .ml1 { margin-left: $space-1 }
79
-
80
- .m2 { margin: $space-2 }
81
- .mt2 { margin-top: $space-2 }
82
- .mr2 { margin-right: $space-2 }
83
- .mb2 { margin-bottom: $space-2 }
84
- .ml2 { margin-left: $space-2 }
85
-
86
- .m3 { margin: $space-3 }
87
- .mt3 { margin-top: $space-3 }
88
- .mr3 { margin-right: $space-3 }
89
- .mb3 { margin-bottom: $space-3 }
90
- .ml3 { margin-left: $space-3 }
91
-
92
- .m4 { margin: $space-4 }
93
- .mt4 { margin-top: $space-4 }
94
- .mr4 { margin-right: $space-4 }
95
- .mb4 { margin-bottom: $space-4 }
96
- .ml4 { margin-left: $space-4 }
97
-
98
- .mxn1 { margin-left: -$space-1; margin-right: -$space-1; }
99
- .mxn2 { margin-left: -$space-2; margin-right: -$space-2; }
100
- .mxn3 { margin-left: -$space-3; margin-right: -$space-3; }
101
- .mxn4 { margin-left: -$space-4; margin-right: -$space-4; }
102
-
103
- .mx-auto { margin-left: auto; margin-right: auto; }
104
- .p0 { padding: 0 }
105
-
106
- .p1 { padding: $space-1 }
107
- .py1 { padding-top: $space-1; padding-bottom: $space-1 }
108
- .px1 { padding-left: $space-1; padding-right: $space-1 }
109
-
110
- .p2 { padding: $space-2 }
111
- .py2 { padding-top: $space-2; padding-bottom: $space-2 }
112
- .px2 { padding-left: $space-2; padding-right: $space-2 }
113
-
114
- .p3 { padding: $space-3 }
115
- .py3 { padding-top: $space-3; padding-bottom: $space-3 }
116
- .px3 { padding-left: $space-3; padding-right: $space-3 }
117
-
118
- .p4 { padding: $space-4 }
119
- .py4 { padding-top: $space-4; padding-bottom: $space-4 }
120
- .px4 { padding-left: $space-4; padding-right: $space-4 }
121
-
122
- /* Basscss Defaults */
123
-
124
- /*
125
-
126
- COLOR VARIABLES
127
-
128
- - Cool
129
- - Warm
130
- - Gray Scale
131
-
132
- */