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,49 +0,0 @@
1
- @import "mixins/components.toggles";
2
-
3
- .c-toggle {
4
- @include toggle;
5
-
6
- input:not(:checked) + .c-toggle__track {
7
- @include toggle__track--unchecked;
8
-
9
- .c-toggle__handle {
10
- @include toggle__handle--unchecked;
11
- }
12
- }
13
-
14
- input:disabled + .c-toggle__track {
15
- @include toggle__track--disabled;
16
-
17
- .c-toggle__handle {
18
- @include toggle__handle--disabled;
19
- }
20
- }
21
- }
22
-
23
- .c-toggle--primary .c-toggle__track {
24
- @include toggle__track--primary;
25
- }
26
-
27
- .c-toggle--secondary .c-toggle__track {
28
- @include toggle__track--secondary;
29
- }
30
-
31
- .c-toggle--success .c-toggle__track {
32
- @include toggle__track--success;
33
- }
34
-
35
- .c-toggle--error .c-toggle__track {
36
- @include toggle__track--error;
37
- }
38
-
39
- .c-toggle input {
40
- @include toggle__checkbox;
41
- }
42
-
43
- .c-toggle__track {
44
- @include toggle__track;
45
- }
46
-
47
- .c-toggle__handle {
48
- @include toggle__handle;
49
- }
@@ -1,21 +0,0 @@
1
- @import "mixins/components.tooltips";
2
-
3
- .c-tooltip {
4
- @include tooltip;
5
- }
6
-
7
- .c-tooltip--top {
8
- @include tooltip--top;
9
- }
10
-
11
- .c-tooltip--right {
12
- @include tooltip--right;
13
- }
14
-
15
- .c-tooltip--bottom {
16
- @include tooltip--bottom;
17
- }
18
-
19
- .c-tooltip--left {
20
- @include tooltip--left;
21
- }
@@ -1,21 +0,0 @@
1
- @import "mixins/components.trees";
2
-
3
- .c-tree {
4
- @include tree;
5
-
6
- .c-tree {
7
- @include tree--nested;
8
- }
9
- }
10
-
11
- .c-tree__item {
12
- @include tree__item;
13
- }
14
-
15
- .c-tree__item--expandable {
16
- @include tree__item--expandable;
17
- }
18
-
19
- .c-tree__item--expanded {
20
- @include tree__item--expanded;
21
- }
@@ -1,73 +0,0 @@
1
- @import "mixins/components.typography";
2
-
3
- .c-text {
4
- @include text;
5
- }
6
-
7
- .c-text--mono {
8
- @include text--mono;
9
- }
10
-
11
- .c-text--highlight {
12
- @include text--highlight;
13
- }
14
-
15
- .c-text--quiet {
16
- @include text--quiet;
17
- }
18
-
19
- .c-text--loud {
20
- @include text--loud;
21
- }
22
-
23
- .c-text--help[title] {
24
- @include text--help;
25
- }
26
-
27
- .c-pre {
28
- margin: 0;
29
- }
30
-
31
- .c-code {
32
- @include code;
33
- }
34
-
35
- .c-code--multiline {
36
- @include code--multiline;
37
- }
38
-
39
- .c-kbd {
40
- @include keyboard-keys;
41
- }
42
-
43
- .c-blockquote {
44
- @include quotation;
45
- }
46
-
47
- .c-blockquote--primary {
48
- @include quotation--primary;
49
- }
50
-
51
- .c-blockquote--secondary {
52
- @include quotation--secondary;
53
- }
54
-
55
- .c-blockquote--success {
56
- @include quotation--success;
57
- }
58
-
59
- .c-blockquote--error {
60
- @include quotation--error;
61
- }
62
-
63
- .c-blockquote__body {
64
- @include quotation__body;
65
- }
66
-
67
- .c-blockquote__footer {
68
- @include quotation__footer;
69
- }
70
-
71
- .c-paragraph {
72
- @include paragraph;
73
- }
@@ -1,3 +0,0 @@
1
- @import "mixins/generic.global";
2
-
3
- @include ground-zero;
@@ -1,54 +0,0 @@
1
- @import "settings.animations";
2
-
3
- @mixin alert-keyframes {
4
- @keyframes alert {
5
- from {
6
- transform: scale(0);
7
- opacity: 0;
8
- }
9
-
10
- 50% {
11
- transform: scale(1.02);
12
- }
13
-
14
- 80% {
15
- transform: scale(0.95);
16
- }
17
-
18
- to {
19
- transform: scale(1);
20
- opacity: 1;
21
- }
22
- }
23
- }
24
-
25
- @mixin alert {
26
- animation-name: alert;
27
- animation-duration: $animation-duration;
28
- animation-fill-mode: both;
29
- animation-timing-function: $animation-easing;
30
- }
31
-
32
- @mixin alert--top {
33
- transform-origin: center top;
34
- }
35
-
36
- @mixin alert--bottom {
37
- transform-origin: center bottom;
38
- }
39
-
40
- @mixin alert--left {
41
- transform-origin: left center;
42
- }
43
-
44
- @mixin alert--right {
45
- transform-origin: right center;
46
- }
47
-
48
- @mixin alert--slow {
49
- animation-duration: $animation-duration-slow;
50
- }
51
-
52
- @mixin alert--fast {
53
- animation-duration: $animation-duration-fast;
54
- }
@@ -1,54 +0,0 @@
1
- @import "settings.animations";
2
-
3
- @mixin bubble-keyframes {
4
- @keyframes bubble {
5
- from {
6
- transform: scale(0);
7
- opacity: 0;
8
- }
9
-
10
- 50% {
11
- transform: scale(1.02);
12
- }
13
-
14
- 80% {
15
- transform: scale(0.95);
16
- }
17
-
18
- to {
19
- transform: scale(1);
20
- opacity: 1;
21
- }
22
- }
23
- }
24
-
25
- @mixin bubble {
26
- animation-name: bubble;
27
- animation-duration: $animation-duration;
28
- animation-fill-mode: both;
29
- animation-timing-function: $animation-easing;
30
- }
31
-
32
- @mixin bubble--top {
33
- transform-origin: center bottom;
34
- }
35
-
36
- @mixin bubble--bottom {
37
- transform-origin: center top;
38
- }
39
-
40
- @mixin bubble--left {
41
- transform-origin: right center;
42
- }
43
-
44
- @mixin bubble--right {
45
- transform-origin: left center;
46
- }
47
-
48
- @mixin bubble--slow {
49
- animation-duration: $animation-duration-slow;
50
- }
51
-
52
- @mixin bubble--fast {
53
- animation-duration: $animation-duration-fast;
54
- }
@@ -1,46 +0,0 @@
1
- @import "settings.animations";
2
-
3
- @mixin calendar-keyframes {
4
- @keyframes menu {
5
- from {
6
- transform: scale(0);
7
- opacity: 0;
8
- }
9
-
10
- to {
11
- transform: scale(1);
12
- opacity: 1;
13
- }
14
- }
15
- }
16
-
17
- @mixin calendar {
18
- animation-name: menu;
19
- animation-duration: $animation-duration;
20
- animation-fill-mode: both;
21
- animation-timing-function: $animation-easing;
22
- }
23
-
24
- @mixin calendar--top {
25
- transform-origin: top;
26
- }
27
-
28
- @mixin calendar--bottom {
29
- transform-origin: bottom;
30
- }
31
-
32
- @mixin calendar--left {
33
- transform-origin: left;
34
- }
35
-
36
- @mixin calendar--right {
37
- transform-origin: right;
38
- }
39
-
40
- @mixin calendar--slow {
41
- animation-duration: $animation-duration-slow;
42
- }
43
-
44
- @mixin calendar--fast {
45
- animation-duration: $animation-duration-fast;
46
- }
@@ -1,15 +0,0 @@
1
- @import "settings.animations";
2
-
3
- @mixin drawer {
4
- transition: transform;
5
- transition-duration: $animation-duration;
6
- transition-timing-function: $animation-easing;
7
- }
8
-
9
- @mixin drawer--slow {
10
- transition-duration: $animation-duration-slow;
11
- }
12
-
13
- @mixin drawer--fast {
14
- transition-duration: $animation-duration-fast;
15
- }
@@ -1,5 +0,0 @@
1
- @import "settings.animations";
2
-
3
- @mixin hint {
4
- transition: all $animation-duration-fast $animation-easing;
5
- }
@@ -1,46 +0,0 @@
1
- @import "settings.animations";
2
-
3
- @mixin menu-keyframes {
4
- @keyframes menu {
5
- from {
6
- transform: scale(0);
7
- opacity: 0;
8
- }
9
-
10
- to {
11
- transform: scale(1);
12
- opacity: 1;
13
- }
14
- }
15
- }
16
-
17
- @mixin menu {
18
- animation-name: menu;
19
- animation-duration: $animation-duration;
20
- animation-fill-mode: both;
21
- animation-timing-function: $animation-easing;
22
- }
23
-
24
- @mixin menu--top {
25
- transform-origin: top;
26
- }
27
-
28
- @mixin menu--bottom {
29
- transform-origin: bottom;
30
- }
31
-
32
- @mixin menu--left {
33
- transform-origin: left;
34
- }
35
-
36
- @mixin menu--right {
37
- transform-origin: right;
38
- }
39
-
40
- @mixin menu--slow {
41
- animation-duration: $animation-duration-slow;
42
- }
43
-
44
- @mixin menu--fast {
45
- animation-duration: $animation-duration-fast;
46
- }
@@ -1,54 +0,0 @@
1
- @import "settings.animations";
2
-
3
- @mixin modal-keyframes {
4
- @keyframes modal {
5
- from {
6
- transform: translate(-50%, -50%) scale(0);
7
- opacity: 0;
8
- }
9
-
10
- 50% {
11
- transform: translate(-50%, -50%) scale(1.02);
12
- }
13
-
14
- 80% {
15
- transform: translate(-50%, -50%) scale(0.95);
16
- }
17
-
18
- to {
19
- transform: translate(-50%, -50%) scale(1);
20
- opacity: 1;
21
- }
22
- }
23
- }
24
-
25
- @mixin modal {
26
- animation-name: modal;
27
- animation-duration: $animation-duration;
28
- animation-fill-mode: both;
29
- animation-timing-function: $animation-easing;
30
- }
31
-
32
- @mixin modal--top {
33
- transform-origin: center top;
34
- }
35
-
36
- @mixin modal--bottom {
37
- transform-origin: center bottom;
38
- }
39
-
40
- @mixin modal--left {
41
- transform-origin: left center;
42
- }
43
-
44
- @mixin modal--right {
45
- transform-origin: right center;
46
- }
47
-
48
- @mixin modal--slow {
49
- animation-duration: $animation-duration-slow;
50
- }
51
-
52
- @mixin modal--fast {
53
- animation-duration: $animation-duration-fast;
54
- }