blaze-css-rails 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (109) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +914 -0
  3. data/app/assets/stylesheets/animations.alerts.scss +73 -0
  4. data/app/assets/stylesheets/animations.bubbles.scss +31 -0
  5. data/app/assets/stylesheets/animations.calendars.scss +31 -0
  6. data/app/assets/stylesheets/animations.drawers.scss +13 -0
  7. data/app/assets/stylesheets/animations.hints.scss +5 -0
  8. data/app/assets/stylesheets/animations.menus.scss +31 -0
  9. data/app/assets/stylesheets/animations.modals.scss +31 -0
  10. data/app/assets/stylesheets/animations.navs.scss +19 -0
  11. data/app/assets/stylesheets/animations.overlays.scss +15 -0
  12. data/app/assets/stylesheets/animations.ranges.scss +13 -0
  13. data/app/assets/stylesheets/animations.tabs.scss +19 -0
  14. data/app/assets/stylesheets/animations.toasts.scss +33 -0
  15. data/app/assets/stylesheets/animations.toggles.scss +31 -0
  16. data/app/assets/stylesheets/animations.trees.scss +47 -0
  17. data/app/assets/stylesheets/blaze.animations.scss +14 -0
  18. data/app/assets/stylesheets/blaze.scss +35 -0
  19. data/app/assets/stylesheets/components.addresses.scss +9 -0
  20. data/app/assets/stylesheets/components.alerts.scss +21 -0
  21. data/app/assets/stylesheets/components.badges.scss +25 -0
  22. data/app/assets/stylesheets/components.bubbles.scss +22 -0
  23. data/app/assets/stylesheets/components.buttons.scss +80 -0
  24. data/app/assets/stylesheets/components.calendars.scss +50 -0
  25. data/app/assets/stylesheets/components.cards.scss +92 -0
  26. data/app/assets/stylesheets/components.drawers.scss +81 -0
  27. data/app/assets/stylesheets/components.headings.scss +33 -0
  28. data/app/assets/stylesheets/components.hints.scss +23 -0
  29. data/app/assets/stylesheets/components.inputs.scss +283 -0
  30. data/app/assets/stylesheets/components.links.scss +10 -0
  31. data/app/assets/stylesheets/components.lists.scss +57 -0
  32. data/app/assets/stylesheets/components.menus.scss +51 -0
  33. data/app/assets/stylesheets/components.modals.scss +53 -0
  34. data/app/assets/stylesheets/components.navs.scss +104 -0
  35. data/app/assets/stylesheets/components.overlays.scss +17 -0
  36. data/app/assets/stylesheets/components.pagination.scss +33 -0
  37. data/app/assets/stylesheets/components.ranges.scss +86 -0
  38. data/app/assets/stylesheets/components.tables.scss +53 -0
  39. data/app/assets/stylesheets/components.tabs.scss +45 -0
  40. data/app/assets/stylesheets/components.tags.scss +25 -0
  41. data/app/assets/stylesheets/components.toasts.scss +41 -0
  42. data/app/assets/stylesheets/components.toggles.scss +49 -0
  43. data/app/assets/stylesheets/components.tooltips.scss +21 -0
  44. data/app/assets/stylesheets/components.trees.scss +21 -0
  45. data/app/assets/stylesheets/components.typography.scss +73 -0
  46. data/app/assets/stylesheets/generic.global.scss +3 -0
  47. data/app/assets/stylesheets/mixins/_animations.alerts.scss +54 -0
  48. data/app/assets/stylesheets/mixins/_animations.bubbles.scss +54 -0
  49. data/app/assets/stylesheets/mixins/_animations.calendars.scss +46 -0
  50. data/app/assets/stylesheets/mixins/_animations.drawers.scss +15 -0
  51. data/app/assets/stylesheets/mixins/_animations.hints.scss +5 -0
  52. data/app/assets/stylesheets/mixins/_animations.menus.scss +46 -0
  53. data/app/assets/stylesheets/mixins/_animations.modals.scss +54 -0
  54. data/app/assets/stylesheets/mixins/_animations.navs.scss +15 -0
  55. data/app/assets/stylesheets/mixins/_animations.overlays.scss +28 -0
  56. data/app/assets/stylesheets/mixins/_animations.ranges.scss +43 -0
  57. data/app/assets/stylesheets/mixins/_animations.tabs.scss +15 -0
  58. data/app/assets/stylesheets/mixins/_animations.toasts.scss +45 -0
  59. data/app/assets/stylesheets/mixins/_animations.toggles.scss +29 -0
  60. data/app/assets/stylesheets/mixins/_animations.trees.scss +42 -0
  61. data/app/assets/stylesheets/mixins/_components.addresses.scss +12 -0
  62. data/app/assets/stylesheets/mixins/_components.alerts.scss +30 -0
  63. data/app/assets/stylesheets/mixins/_components.badges.scss +33 -0
  64. data/app/assets/stylesheets/mixins/_components.bubbles.scss +59 -0
  65. data/app/assets/stylesheets/mixins/_components.buttons.scss +197 -0
  66. data/app/assets/stylesheets/mixins/_components.calendars.scss +81 -0
  67. data/app/assets/stylesheets/mixins/_components.cards.scss +122 -0
  68. data/app/assets/stylesheets/mixins/_components.drawers.scss +116 -0
  69. data/app/assets/stylesheets/mixins/_components.headings.scss +39 -0
  70. data/app/assets/stylesheets/mixins/_components.hints.scss +25 -0
  71. data/app/assets/stylesheets/mixins/_components.inputs.scss +283 -0
  72. data/app/assets/stylesheets/mixins/_components.links.scss +44 -0
  73. data/app/assets/stylesheets/mixins/_components.lists.scss +53 -0
  74. data/app/assets/stylesheets/mixins/_components.menus.scss +63 -0
  75. data/app/assets/stylesheets/mixins/_components.modals.scss +63 -0
  76. data/app/assets/stylesheets/mixins/_components.navs.scss +165 -0
  77. data/app/assets/stylesheets/mixins/_components.overlays.scss +30 -0
  78. data/app/assets/stylesheets/mixins/_components.pagination.scss +45 -0
  79. data/app/assets/stylesheets/mixins/_components.ranges.scss +90 -0
  80. data/app/assets/stylesheets/mixins/_components.tables.scss +85 -0
  81. data/app/assets/stylesheets/mixins/_components.tabs.scss +53 -0
  82. data/app/assets/stylesheets/mixins/_components.tags.scss +41 -0
  83. data/app/assets/stylesheets/mixins/_components.toasts.scss +62 -0
  84. data/app/assets/stylesheets/mixins/_components.toggles.scss +75 -0
  85. data/app/assets/stylesheets/mixins/_components.tooltips.scss +89 -0
  86. data/app/assets/stylesheets/mixins/_components.trees.scss +39 -0
  87. data/app/assets/stylesheets/mixins/_components.typography.scss +101 -0
  88. data/app/assets/stylesheets/mixins/_generic.global.scss +15 -0
  89. data/app/assets/stylesheets/mixins/_objects.containers.scss +13 -0
  90. data/app/assets/stylesheets/mixins/_objects.grid.scss +104 -0
  91. data/app/assets/stylesheets/mixins/_objects.images.scss +5 -0
  92. data/app/assets/stylesheets/mixins/_objects.panels.scss +23 -0
  93. data/app/assets/stylesheets/mixins/_settings.animations.scss +5 -0
  94. data/app/assets/stylesheets/mixins/_settings.global.scss +876 -0
  95. data/app/assets/stylesheets/mixins/_tools.mediaqueries.scss +73 -0
  96. data/app/assets/stylesheets/mixins/_utilities.alignment.scss +24 -0
  97. data/app/assets/stylesheets/mixins/_utilities.boxing.scss +125 -0
  98. data/app/assets/stylesheets/objects.containers.scss +6 -0
  99. data/app/assets/stylesheets/objects.grid.responsive.scss +124 -0
  100. data/app/assets/stylesheets/objects.grid.scss +62 -0
  101. data/app/assets/stylesheets/objects.images.scss +5 -0
  102. data/app/assets/stylesheets/objects.panels.scss +17 -0
  103. data/app/assets/stylesheets/themes/blaze.example.scss +7 -0
  104. data/app/assets/stylesheets/utilities.alignment.scss +22 -0
  105. data/app/assets/stylesheets/utilities.boxing.scss +101 -0
  106. data/lib/blaze-css-rails.rb +2 -0
  107. data/lib/blaze-css-rails/engine.rb +6 -0
  108. data/lib/blaze-css-rails/version.rb +6 -0
  109. metadata +201 -0
@@ -0,0 +1,73 @@
1
+ @import "mixins/animations.alerts";
2
+
3
+ @include alert-keyframes;
4
+
5
+ .a-alerts {
6
+ .c-alerts__alert {
7
+ @include alert;
8
+ }
9
+ }
10
+
11
+ .a-alerts--top {
12
+ .c-alerts__alert {
13
+ @include alert--top;
14
+ }
15
+ }
16
+
17
+ .a-alerts--bottom {
18
+ .c-alerts__alert {
19
+ @include alert--bottom;
20
+ }
21
+ }
22
+
23
+ .a-alerts--left {
24
+ .c-alerts__alert {
25
+ @include alert--left;
26
+ }
27
+ }
28
+
29
+ .a-alerts--right {
30
+ .c-alerts__alert {
31
+ @include alert--right;
32
+ }
33
+ }
34
+
35
+ .a-alerts--slow {
36
+ .c-alerts__alert {
37
+ @include alert--slow;
38
+ }
39
+ }
40
+
41
+ .a-alerts--fast {
42
+ .c-alerts__alert {
43
+ @include alert--fast;
44
+ }
45
+ }
46
+
47
+ .a-alerts__alert {
48
+ @include alert;
49
+ }
50
+
51
+ .a-alerts__alert--top {
52
+ @include alert--top;
53
+ }
54
+
55
+ .a-alerts__alert--bottom {
56
+ @include alert--bottom;
57
+ }
58
+
59
+ .a-alerts__alert--left {
60
+ @include alert--left;
61
+ }
62
+
63
+ .a-alerts__alert--right {
64
+ @include alert--right;
65
+ }
66
+
67
+ .a-alerts__alert--slow {
68
+ @include alert--slow;
69
+ }
70
+
71
+ .a-alerts__alert--fast {
72
+ @include alert--fast;
73
+ }
@@ -0,0 +1,31 @@
1
+ @import "mixins/animations.bubbles";
2
+
3
+ @include bubble-keyframes;
4
+
5
+ .a-bubble {
6
+ @include bubble;
7
+ }
8
+
9
+ .a-bubble--top {
10
+ @include bubble--top;
11
+ }
12
+
13
+ .a-bubble--bottom {
14
+ @include bubble--bottom;
15
+ }
16
+
17
+ .a-bubble--left {
18
+ @include bubble--left;
19
+ }
20
+
21
+ .a-bubble--right {
22
+ @include bubble--right;
23
+ }
24
+
25
+ .a-bubble--slow {
26
+ @include bubble--slow;
27
+ }
28
+
29
+ .a-bubble--fast {
30
+ @include bubble--fast;
31
+ }
@@ -0,0 +1,31 @@
1
+ @import "mixins/animations.calendars";
2
+
3
+ @include calendar-keyframes;
4
+
5
+ .a-calendar {
6
+ @include calendar;
7
+ }
8
+
9
+ .a-calendar--top {
10
+ @include calendar--top;
11
+ }
12
+
13
+ .a-calendar--bottom {
14
+ @include calendar--bottom;
15
+ }
16
+
17
+ .a-calendar--left {
18
+ @include calendar--left;
19
+ }
20
+
21
+ .a-calendar--right {
22
+ @include calendar--right;
23
+ }
24
+
25
+ .a-calendar--slow {
26
+ @include calendar--slow;
27
+ }
28
+
29
+ .a-calendar--fast {
30
+ @include calendar--fast;
31
+ }
@@ -0,0 +1,13 @@
1
+ @import "mixins/animations.drawers";
2
+
3
+ .a-drawer {
4
+ @include drawer;
5
+ }
6
+
7
+ .a-drawer--slow {
8
+ @include drawer--slow;
9
+ }
10
+
11
+ .a-drawer--fast {
12
+ @include drawer--fast;
13
+ }
@@ -0,0 +1,5 @@
1
+ @import "mixins/animations.hints";
2
+
3
+ .a-hint {
4
+ @include hint;
5
+ }
@@ -0,0 +1,31 @@
1
+ @import "mixins/animations.menus";
2
+
3
+ @include menu-keyframes;
4
+
5
+ .a-menu {
6
+ @include menu;
7
+ }
8
+
9
+ .a-menu--top {
10
+ @include menu--top;
11
+ }
12
+
13
+ .a-menu--bottom {
14
+ @include menu--bottom;
15
+ }
16
+
17
+ .a-menu--left {
18
+ @include menu--left;
19
+ }
20
+
21
+ .a-menu--right {
22
+ @include menu--right;
23
+ }
24
+
25
+ .a-menu--slow {
26
+ @include menu--slow;
27
+ }
28
+
29
+ .a-menu--fast {
30
+ @include menu--fast;
31
+ }
@@ -0,0 +1,31 @@
1
+ @import "mixins/animations.modals";
2
+
3
+ @include modal-keyframes;
4
+
5
+ .a-modal {
6
+ @include modal;
7
+ }
8
+
9
+ .a-modal--top {
10
+ @include modal--top;
11
+ }
12
+
13
+ .a-modal--bottom {
14
+ @include modal--bottom;
15
+ }
16
+
17
+ .a-modal--left {
18
+ @include modal--left;
19
+ }
20
+
21
+ .a-modal--right {
22
+ @include modal--right;
23
+ }
24
+
25
+ .a-modal--slow {
26
+ @include modal--slow;
27
+ }
28
+
29
+ .a-modal--fast {
30
+ @include modal--fast;
31
+ }
@@ -0,0 +1,19 @@
1
+ @import "mixins/animations.navs";
2
+
3
+ .a-nav {
4
+ .c-nav__item {
5
+ @include nav__item;
6
+ }
7
+ }
8
+
9
+ .a-nav--slow {
10
+ .c-nav__item {
11
+ @include nav__item--slow;
12
+ }
13
+ }
14
+
15
+ .a-nav--fast {
16
+ .c-nav__item {
17
+ @include nav__item--fast;
18
+ }
19
+ }
@@ -0,0 +1,15 @@
1
+ @import "mixins/animations.overlays";
2
+
3
+ @include overlay-keyframes;
4
+
5
+ .a-overlay {
6
+ @include overlay;
7
+ }
8
+
9
+ .a-overlay--slow {
10
+ @include overlay--slow;
11
+ }
12
+
13
+ .a-overlay--fast {
14
+ @include overlay--fast;
15
+ }
@@ -0,0 +1,13 @@
1
+ @import "mixins/animations.ranges";
2
+
3
+ .a-range:not(:disabled) {
4
+ @include range;
5
+ }
6
+
7
+ .a-range--slow:not(:disabled) {
8
+ @include range--slow;
9
+ }
10
+
11
+ .a-range--fast:not(:disabled) {
12
+ @include range--fast;
13
+ }
@@ -0,0 +1,19 @@
1
+ @import "mixins/animations.tabs";
2
+
3
+ .a-tabs {
4
+ .c-tab-heading {
5
+ @include tab-heading;
6
+ }
7
+ }
8
+
9
+ .a-tabs--slow {
10
+ .c-tab-heading {
11
+ @include tab-heading--slow;
12
+ }
13
+ }
14
+
15
+ .a-tabs--fast {
16
+ .c-tab-heading {
17
+ @include tab-heading--fast;
18
+ }
19
+ }
@@ -0,0 +1,33 @@
1
+ @import "mixins/animations.toasts";
2
+
3
+ @include toast-keyframes;
4
+
5
+ .a-toasts {
6
+ .c-toast {
7
+ @include toast;
8
+ }
9
+ }
10
+
11
+ .a-toasts--slow {
12
+ .c-toast {
13
+ @include toast--slow;
14
+ }
15
+ }
16
+
17
+ .a-toasts--fast {
18
+ .c-toast {
19
+ @include toast--fast;
20
+ }
21
+ }
22
+
23
+ .a-toast {
24
+ @include toast;
25
+ }
26
+
27
+ .a-toast--slow {
28
+ @include toast--slow;
29
+ }
30
+
31
+ .a-toast--fast {
32
+ @include toast--fast;
33
+ }
@@ -0,0 +1,31 @@
1
+ @import "mixins/animations.toggles";
2
+
3
+ .a-toggle {
4
+ .c-toggle__track {
5
+ @include toggle__track;
6
+ }
7
+
8
+ .c-toggle__handle {
9
+ @include toggle__handle;
10
+ }
11
+ }
12
+
13
+ .a-toggle--slow {
14
+ .c-toggle__track {
15
+ @include toggle__track--slow;
16
+ }
17
+
18
+ .c-toggle__handle {
19
+ @include toggle__handle--slow;
20
+ }
21
+ }
22
+
23
+ .a-toggle--fast {
24
+ .c-toggle__track {
25
+ @include toggle__track--fast;
26
+ }
27
+
28
+ .c-toggle__handle {
29
+ @include toggle__handle--fast;
30
+ }
31
+ }
@@ -0,0 +1,47 @@
1
+ @import "mixins/animations.trees";
2
+
3
+ @include tree-keyframes;
4
+
5
+ .a-tree {
6
+ @include tree;
7
+
8
+ .c-tree {
9
+ @include tree;
10
+ }
11
+ }
12
+
13
+ .a-tree {
14
+ .c-tree__item {
15
+ &:before {
16
+ @include tree__item;
17
+ }
18
+ }
19
+ }
20
+
21
+ .a-tree--slow {
22
+ @include tree--slow;
23
+
24
+ .c-tree {
25
+ @include tree--slow;
26
+ }
27
+
28
+ .c-tree__item {
29
+ &:before {
30
+ @include tree__item--slow;
31
+ }
32
+ }
33
+ }
34
+
35
+ .a-tree--fast {
36
+ @include tree--fast;
37
+
38
+ .c-tree {
39
+ @include tree--fast;
40
+ }
41
+
42
+ .c-tree__item {
43
+ &:before {
44
+ @include tree__item--fast;
45
+ }
46
+ }
47
+ }
@@ -0,0 +1,14 @@
1
+ @import "animations.trees";
2
+ @import "animations.menus";
3
+ @import "animations.tabs";
4
+ @import "animations.toggles";
5
+ @import "animations.ranges";
6
+ @import "animations.overlays";
7
+ @import "animations.modals";
8
+ @import "animations.drawers";
9
+ @import "animations.bubbles";
10
+ @import "animations.alerts";
11
+ @import "animations.toasts";
12
+ @import "animations.calendars";
13
+ @import "animations.navs";
14
+ @import "animations.hints";
@@ -0,0 +1,35 @@
1
+ @import "generic.global";
2
+ @import "objects.containers";
3
+ @import "objects.grid";
4
+ @import "objects.grid.responsive";
5
+ @import "objects.images";
6
+ @import "objects.panels";
7
+ @import "components.typography";
8
+ @import "components.badges";
9
+ @import "components.headings";
10
+ @import "components.addresses";
11
+ @import "components.tables";
12
+ @import "components.cards";
13
+ @import "components.links";
14
+ @import "components.buttons";
15
+ @import "components.lists";
16
+ @import "components.trees";
17
+ @import "components.menus";
18
+ @import "components.tabs";
19
+ @import "components.inputs";
20
+ @import "components.hints";
21
+ @import "components.toggles";
22
+ @import "components.tags";
23
+ @import "components.ranges";
24
+ @import "components.pagination";
25
+ @import "components.overlays";
26
+ @import "components.modals";
27
+ @import "components.drawers";
28
+ @import "components.bubbles";
29
+ @import "components.tooltips";
30
+ @import "components.alerts";
31
+ @import "components.toasts";
32
+ @import "components.calendars";
33
+ @import "components.navs";
34
+ @import "utilities.alignment";
35
+ @import "utilities.boxing";