blaze-css-rails 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (108) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -886
  3. data/app/assets/stylesheets/_blaze.scss +1 -0
  4. data/lib/blaze-css-rails/version.rb +1 -1
  5. metadata +3 -105
  6. data/app/assets/stylesheets/animations.alerts.scss +0 -73
  7. data/app/assets/stylesheets/animations.bubbles.scss +0 -31
  8. data/app/assets/stylesheets/animations.calendars.scss +0 -31
  9. data/app/assets/stylesheets/animations.drawers.scss +0 -13
  10. data/app/assets/stylesheets/animations.hints.scss +0 -5
  11. data/app/assets/stylesheets/animations.menus.scss +0 -31
  12. data/app/assets/stylesheets/animations.modals.scss +0 -31
  13. data/app/assets/stylesheets/animations.navs.scss +0 -19
  14. data/app/assets/stylesheets/animations.overlays.scss +0 -15
  15. data/app/assets/stylesheets/animations.ranges.scss +0 -13
  16. data/app/assets/stylesheets/animations.tabs.scss +0 -19
  17. data/app/assets/stylesheets/animations.toasts.scss +0 -33
  18. data/app/assets/stylesheets/animations.toggles.scss +0 -31
  19. data/app/assets/stylesheets/animations.trees.scss +0 -47
  20. data/app/assets/stylesheets/blaze.animations.scss +0 -14
  21. data/app/assets/stylesheets/blaze.scss +0 -35
  22. data/app/assets/stylesheets/components.addresses.scss +0 -9
  23. data/app/assets/stylesheets/components.alerts.scss +0 -21
  24. data/app/assets/stylesheets/components.badges.scss +0 -25
  25. data/app/assets/stylesheets/components.bubbles.scss +0 -22
  26. data/app/assets/stylesheets/components.buttons.scss +0 -80
  27. data/app/assets/stylesheets/components.calendars.scss +0 -50
  28. data/app/assets/stylesheets/components.cards.scss +0 -92
  29. data/app/assets/stylesheets/components.drawers.scss +0 -81
  30. data/app/assets/stylesheets/components.headings.scss +0 -33
  31. data/app/assets/stylesheets/components.hints.scss +0 -23
  32. data/app/assets/stylesheets/components.inputs.scss +0 -283
  33. data/app/assets/stylesheets/components.links.scss +0 -10
  34. data/app/assets/stylesheets/components.lists.scss +0 -57
  35. data/app/assets/stylesheets/components.menus.scss +0 -51
  36. data/app/assets/stylesheets/components.modals.scss +0 -53
  37. data/app/assets/stylesheets/components.navs.scss +0 -104
  38. data/app/assets/stylesheets/components.overlays.scss +0 -17
  39. data/app/assets/stylesheets/components.pagination.scss +0 -33
  40. data/app/assets/stylesheets/components.ranges.scss +0 -86
  41. data/app/assets/stylesheets/components.tables.scss +0 -53
  42. data/app/assets/stylesheets/components.tabs.scss +0 -45
  43. data/app/assets/stylesheets/components.tags.scss +0 -25
  44. data/app/assets/stylesheets/components.toasts.scss +0 -41
  45. data/app/assets/stylesheets/components.toggles.scss +0 -49
  46. data/app/assets/stylesheets/components.tooltips.scss +0 -21
  47. data/app/assets/stylesheets/components.trees.scss +0 -21
  48. data/app/assets/stylesheets/components.typography.scss +0 -73
  49. data/app/assets/stylesheets/generic.global.scss +0 -3
  50. data/app/assets/stylesheets/mixins/_animations.alerts.scss +0 -54
  51. data/app/assets/stylesheets/mixins/_animations.bubbles.scss +0 -54
  52. data/app/assets/stylesheets/mixins/_animations.calendars.scss +0 -46
  53. data/app/assets/stylesheets/mixins/_animations.drawers.scss +0 -15
  54. data/app/assets/stylesheets/mixins/_animations.hints.scss +0 -5
  55. data/app/assets/stylesheets/mixins/_animations.menus.scss +0 -46
  56. data/app/assets/stylesheets/mixins/_animations.modals.scss +0 -54
  57. data/app/assets/stylesheets/mixins/_animations.navs.scss +0 -15
  58. data/app/assets/stylesheets/mixins/_animations.overlays.scss +0 -28
  59. data/app/assets/stylesheets/mixins/_animations.ranges.scss +0 -43
  60. data/app/assets/stylesheets/mixins/_animations.tabs.scss +0 -15
  61. data/app/assets/stylesheets/mixins/_animations.toasts.scss +0 -45
  62. data/app/assets/stylesheets/mixins/_animations.toggles.scss +0 -29
  63. data/app/assets/stylesheets/mixins/_animations.trees.scss +0 -42
  64. data/app/assets/stylesheets/mixins/_components.addresses.scss +0 -12
  65. data/app/assets/stylesheets/mixins/_components.alerts.scss +0 -30
  66. data/app/assets/stylesheets/mixins/_components.badges.scss +0 -33
  67. data/app/assets/stylesheets/mixins/_components.bubbles.scss +0 -59
  68. data/app/assets/stylesheets/mixins/_components.buttons.scss +0 -197
  69. data/app/assets/stylesheets/mixins/_components.calendars.scss +0 -81
  70. data/app/assets/stylesheets/mixins/_components.cards.scss +0 -122
  71. data/app/assets/stylesheets/mixins/_components.drawers.scss +0 -116
  72. data/app/assets/stylesheets/mixins/_components.headings.scss +0 -39
  73. data/app/assets/stylesheets/mixins/_components.hints.scss +0 -25
  74. data/app/assets/stylesheets/mixins/_components.inputs.scss +0 -283
  75. data/app/assets/stylesheets/mixins/_components.links.scss +0 -44
  76. data/app/assets/stylesheets/mixins/_components.lists.scss +0 -53
  77. data/app/assets/stylesheets/mixins/_components.menus.scss +0 -63
  78. data/app/assets/stylesheets/mixins/_components.modals.scss +0 -63
  79. data/app/assets/stylesheets/mixins/_components.navs.scss +0 -165
  80. data/app/assets/stylesheets/mixins/_components.overlays.scss +0 -30
  81. data/app/assets/stylesheets/mixins/_components.pagination.scss +0 -45
  82. data/app/assets/stylesheets/mixins/_components.ranges.scss +0 -90
  83. data/app/assets/stylesheets/mixins/_components.tables.scss +0 -85
  84. data/app/assets/stylesheets/mixins/_components.tabs.scss +0 -53
  85. data/app/assets/stylesheets/mixins/_components.tags.scss +0 -41
  86. data/app/assets/stylesheets/mixins/_components.toasts.scss +0 -62
  87. data/app/assets/stylesheets/mixins/_components.toggles.scss +0 -75
  88. data/app/assets/stylesheets/mixins/_components.tooltips.scss +0 -89
  89. data/app/assets/stylesheets/mixins/_components.trees.scss +0 -39
  90. data/app/assets/stylesheets/mixins/_components.typography.scss +0 -101
  91. data/app/assets/stylesheets/mixins/_generic.global.scss +0 -15
  92. data/app/assets/stylesheets/mixins/_objects.containers.scss +0 -13
  93. data/app/assets/stylesheets/mixins/_objects.grid.scss +0 -104
  94. data/app/assets/stylesheets/mixins/_objects.images.scss +0 -5
  95. data/app/assets/stylesheets/mixins/_objects.panels.scss +0 -23
  96. data/app/assets/stylesheets/mixins/_settings.animations.scss +0 -5
  97. data/app/assets/stylesheets/mixins/_settings.global.scss +0 -876
  98. data/app/assets/stylesheets/mixins/_tools.mediaqueries.scss +0 -73
  99. data/app/assets/stylesheets/mixins/_utilities.alignment.scss +0 -24
  100. data/app/assets/stylesheets/mixins/_utilities.boxing.scss +0 -125
  101. data/app/assets/stylesheets/objects.containers.scss +0 -6
  102. data/app/assets/stylesheets/objects.grid.responsive.scss +0 -124
  103. data/app/assets/stylesheets/objects.grid.scss +0 -62
  104. data/app/assets/stylesheets/objects.images.scss +0 -5
  105. data/app/assets/stylesheets/objects.panels.scss +0 -17
  106. data/app/assets/stylesheets/themes/blaze.example.scss +0 -7
  107. data/app/assets/stylesheets/utilities.alignment.scss +0 -22
  108. data/app/assets/stylesheets/utilities.boxing.scss +0 -101
@@ -1,33 +0,0 @@
1
- @import "mixins/components.headings";
2
-
3
- .c-heading {
4
- @include heading;
5
- }
6
-
7
- .c-heading--super {
8
- @include heading--super;
9
- }
10
-
11
- .c-heading--xlarge {
12
- @include heading--xlarge;
13
- }
14
-
15
- .c-heading--large {
16
- @include heading--large;
17
- }
18
-
19
- .c-heading--medium {
20
- @include heading--medium;
21
- }
22
-
23
- .c-heading--small {
24
- @include heading--small;
25
- }
26
-
27
- .c-heading--xsmall {
28
- @include heading--xsmall;
29
- }
30
-
31
- .c-heading__sub {
32
- @include heading__subheading;
33
- }
@@ -1,23 +0,0 @@
1
- @import "mixins/components.hints";
2
-
3
- .c-hint {
4
- @include hint;
5
- }
6
-
7
- .c-field:focus + .c-hint,
8
- .c-label__field:focus + .c-hint {
9
- @include hint--active;
10
- }
11
-
12
- .c-hint--static,
13
- .c-hint--static {
14
- @include hint--active;
15
- }
16
-
17
- .c-hint--success {
18
- @include hint--success;
19
- }
20
-
21
- .c-hint--error {
22
- @include hint--error;
23
- }
@@ -1,283 +0,0 @@
1
- @import "mixins/components.inputs";
2
-
3
- // LABELS
4
-
5
- .c-label {
6
- @include label;
7
- }
8
-
9
- // TEXT FIELDS
10
-
11
- .c-field {
12
- @include field;
13
- }
14
-
15
- .c-label__field {
16
- @include label__field;
17
- }
18
-
19
- .c-field--error {
20
- @include field--error;
21
- }
22
-
23
- .c-field--success {
24
- @include field--success;
25
- }
26
-
27
- .c-field--disabled, .c-field:disabled {
28
- @include field--disabled;
29
- }
30
-
31
- .c-field--super {
32
- @include field--super;
33
- }
34
-
35
- .c-field--xlarge {
36
- @include field--xlarge;
37
- }
38
-
39
- .c-field--large {
40
- @include field--large;
41
- }
42
-
43
- .c-field--medium {
44
- @include field--medium;
45
- }
46
-
47
- .c-field--small {
48
- @include field--small;
49
- }
50
-
51
- .c-field--xsmall {
52
- @include field--xsmall;
53
- }
54
-
55
- // SELECTS, CHECKBOXES AND RADIOS
56
-
57
- .c-choice {
58
- @include choice;
59
- }
60
-
61
- .c-choice--error {
62
- @include choice--error;
63
- }
64
-
65
- .c-choice--success {
66
- @include choice--success;
67
- }
68
-
69
- .c-choice--disabled, .c-choice:disabled {
70
- @include choice--disabled;
71
- }
72
-
73
- .c-choice--super {
74
- @include choice--super;
75
- }
76
-
77
- .c-choice--xlarge {
78
- @include choice--xlarge;
79
- }
80
-
81
- .c-choice--large {
82
- @include choice--large;
83
- }
84
-
85
- .c-choice--medium {
86
- @include choice--medium;
87
- }
88
-
89
- .c-choice--small {
90
- @include choice--small;
91
- }
92
-
93
- .c-choice--xsmall {
94
- @include choice--xsmall;
95
- }
96
-
97
- // SELECTS
98
-
99
- select.c-choice {
100
- @include field;
101
- }
102
-
103
- select:not([multiple]) {
104
- &.c-choice {
105
- @include select;
106
- }
107
-
108
- &.c-choice--super {
109
- @include choice--super;
110
- }
111
-
112
- &.c-choice--xlarge {
113
- @include choice--xlarge;
114
- }
115
-
116
- &.c-choice--large {
117
- @include choice--large;
118
- }
119
-
120
- &.c-choice--medium {
121
- @include choice--medium;
122
- }
123
-
124
- &.c-choice--small {
125
- @include choice--small;
126
- }
127
-
128
- &.c-choice--xsmall {
129
- @include choice--xsmall;
130
- }
131
- }
132
-
133
- select.c-choice--error {
134
- @include select--error;
135
- }
136
-
137
- select.c-choice--success {
138
- @include select--success;
139
- }
140
-
141
- select.c-choice--disabled, select.c-choice:disabled {
142
- @include select--disabled;
143
- }
144
-
145
- // CHECKBOXES and RADIOs
146
-
147
- .c-choice input {
148
- @include checkbox;
149
- }
150
-
151
- .c-choice input:disabled {
152
- @include choice--disabled;
153
- }
154
-
155
- // INPUT GROUP
156
- .c-input-group {
157
- @include input-group;
158
-
159
- .c-field {
160
- @include input-group__field;
161
- @include input--grouped;
162
- }
163
-
164
- .c-field:not(:first-child):not(:last-child) {
165
- @include input-group__field--center;
166
- }
167
-
168
- .c-field:first-child {
169
- @include input-group__field--left;
170
- }
171
-
172
- .c-field:last-child {
173
- @include input-group__field--right;
174
- }
175
-
176
- .c-button {
177
- @include input--grouped;
178
- }
179
-
180
- .c-button:first-child {
181
- @include input-group__button--left;
182
- }
183
-
184
- .c-button:last-child {
185
- @include input-group__button--right;
186
- }
187
- }
188
-
189
- .c-input-group--rounded {
190
- .c-field:first-child,
191
- .c-button:first-child {
192
- @include input-group-rounded--left;
193
- }
194
-
195
- .c-field:last-child,
196
- .c-button:last-child {
197
- @include input-group-rounded--right;
198
- }
199
- }
200
-
201
- .c-input-group--rounded-left {
202
- .c-field:first-child,
203
- .c-button:first-child {
204
- @include input-group-rounded--left;
205
- }
206
- }
207
-
208
- .c-input-group--rounded-right {
209
- .c-field:last-child,
210
- .c-button:last-child {
211
- @include input-group-rounded--right;
212
- }
213
- }
214
-
215
- .c-field-group {
216
- @include field-group;
217
-
218
- .c-field:not(:first-child) {
219
- @include field-group__field;
220
- }
221
-
222
- .c-field:not(:first-child):not(:last-child) {
223
- @include field-group__field--center;
224
- }
225
-
226
- .c-field:first-child {
227
- @include field-group__field--top;
228
- }
229
-
230
- .c-field:last-child {
231
- @include field-group__field--bottom;
232
- }
233
- }
234
-
235
- .c-field-group-inline {
236
- @include field-group-inline;
237
-
238
- .c-field:not(:first-child) {
239
- @include field-group-inline__field;
240
- }
241
-
242
- .c-field:not(:first-child):not(:last-child) {
243
- @include field-group-inline__field--center;
244
- }
245
-
246
- .c-field:first-child {
247
- @include field-group-inline__field--left;
248
- }
249
-
250
- .c-field:last-child {
251
- @include field-group-inline__field--right;
252
- }
253
- }
254
-
255
- // FIELDSETS - Groups of controls
256
-
257
- .c-fieldset {
258
- @include fieldset;
259
-
260
- &.c-list {
261
- @include fieldset;
262
- }
263
- }
264
-
265
- .c-fieldset__legend {
266
- @include fieldset__legend;
267
- }
268
-
269
- .c-fieldset--disabled .c-field, .c-fieldset:disabled .c-field {
270
- @include field--disabled;
271
- }
272
-
273
- .c-fieldset--disabled .c-choice, .c-fieldset:disabled .c-choice {
274
- @include disabled;
275
- }
276
-
277
- .c-form-element {
278
- @include form-element;
279
-
280
- .c-label:first-child {
281
- @include form-element-label;
282
- }
283
- }
@@ -1,10 +0,0 @@
1
- @import "mixins/components.links";
2
-
3
- .c-link {
4
- @include link;
5
- }
6
-
7
- .c-link--primary { @include link--primary; }
8
- .c-link--secondary { @include link--secondary; }
9
- .c-link--success { @include link--success; }
10
- .c-link--error { @include link--error; }
@@ -1,57 +0,0 @@
1
- @import "mixins/components.lists";
2
-
3
- .c-list {
4
- @include list;
5
- }
6
-
7
- .c-list__item {
8
- @include list__item;
9
- }
10
-
11
- .c-list__item--unstyled {
12
- @include list__item--unstyled;
13
- }
14
-
15
- .c-list--unstyled {
16
- @include list--unstyled;
17
-
18
- .c-list, .c-list--unstyled {
19
- @include list--nested;
20
- }
21
- }
22
-
23
- .c-list--nested {
24
- @include list--nested;
25
- }
26
-
27
- .c-list--ordered {
28
- @include list--ordered;
29
-
30
- .c-list__item {
31
- @include list-ordered-item;
32
- }
33
- }
34
-
35
- .c-list--ordered .c-list--ordered {
36
- @include list--nested;
37
- }
38
-
39
- .c-list--inline {
40
- @include list--inline;
41
-
42
- .c-list--inline {
43
- @include list--inline;
44
- }
45
-
46
- .c-list__item {
47
- @include list-inline-item;
48
- }
49
-
50
- &:not(.c-list--unstyled) {
51
- .c-list__item {
52
- &:before {
53
- @include list-inline-item-bullet;
54
- }
55
- }
56
- }
57
- }
@@ -1,51 +0,0 @@
1
- @import "mixins/components.menus";
2
-
3
- .c-menu {
4
- @include menu;
5
- }
6
-
7
- .c-menu__item {
8
- @include menu__item;
9
-
10
- &:not(.c-menu__item--disabled):not(.c-menu__item--divider):hover {
11
- @include menu__item--hover;
12
- }
13
- }
14
-
15
- .c-menu__item--hover {
16
- @include menu__item--hover;
17
- }
18
-
19
- .c-menu__item--disabled {
20
- @include menu__item--disabled;
21
- }
22
-
23
- .c-menu__item--divider {
24
- @include menu__item--divider;
25
- }
26
-
27
- .c-menu__item--active {
28
- @include menu__item--active;
29
- }
30
-
31
- .c-menu--grouped {
32
- .c-menu__item {
33
- @include menu__item--borderless;
34
- }
35
- }
36
-
37
- .c-menu__group-divider {
38
- @include menu__group-divider;
39
- }
40
-
41
- .c-menu--high {
42
- @include menu--high;
43
- }
44
-
45
- .c-menu--higher {
46
- @include menu--higher;
47
- }
48
-
49
- .c-menu--highest {
50
- @include menu--highest;
51
- }