emma-css-rails 0.8.0.0 → 0.9.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (155) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +3 -0
  3. data/README.md +3 -3
  4. data/Rakefile +10 -0
  5. data/lib/emma-css-rails/version.rb +1 -1
  6. data/vendor/assets/stylesheets/emma.css/CHANGELOG.md +50 -0
  7. data/vendor/assets/stylesheets/emma.css/LICENSE +21 -0
  8. data/vendor/assets/stylesheets/emma.css/README.md +152 -0
  9. data/vendor/assets/stylesheets/emma.css/emma.css +595 -0
  10. data/vendor/assets/stylesheets/emma.css/emma.scss +4 -0
  11. data/vendor/assets/stylesheets/emma.css/sass/_background.scss +8 -0
  12. data/vendor/assets/stylesheets/emma.css/sass/_border.scss +24 -0
  13. data/vendor/assets/stylesheets/emma.css/sass/_display.scss +22 -0
  14. data/vendor/assets/stylesheets/emma.css/sass/_float.scss +3 -0
  15. data/vendor/assets/stylesheets/emma.css/sass/_height.scss +3 -0
  16. data/vendor/assets/stylesheets/emma.css/sass/_margin.scss +19 -0
  17. data/vendor/assets/stylesheets/emma.css/sass/_mixins.scss +168 -0
  18. data/vendor/assets/stylesheets/emma.css/sass/_other.scss +3 -0
  19. data/vendor/assets/stylesheets/emma.css/sass/_padding.scss +17 -0
  20. data/vendor/assets/stylesheets/emma.css/sass/_rules.scss +10 -0
  21. data/vendor/assets/stylesheets/emma.css/sass/_text.scss +28 -0
  22. data/vendor/assets/stylesheets/emma.css/sass/_vars.scss +63 -0
  23. data/vendor/assets/stylesheets/emma.css/sass/_width.scss +3 -0
  24. data/vendor/assets/stylesheets/emma.css/sass/rules/_absolute-center.scss +10 -0
  25. data/vendor/assets/stylesheets/emma.css/sass/rules/_align-content.scss +24 -0
  26. data/vendor/assets/stylesheets/emma.css/sass/rules/_align-items.scss +20 -0
  27. data/vendor/assets/stylesheets/emma.css/sass/rules/_align-self.scss +24 -0
  28. data/vendor/assets/stylesheets/emma.css/sass/rules/_backface-visibility.scss +8 -0
  29. data/vendor/assets/stylesheets/emma.css/sass/rules/_background-attachment.scss +8 -0
  30. data/vendor/assets/stylesheets/emma.css/sass/rules/_background-color.scss +96 -0
  31. data/vendor/assets/stylesheets/emma.css/sass/rules/_background-image.scss +4 -0
  32. data/vendor/assets/stylesheets/emma.css/sass/rules/_background-position.scss +20 -0
  33. data/vendor/assets/stylesheets/emma.css/sass/rules/_background-repeat.scss +20 -0
  34. data/vendor/assets/stylesheets/emma.css/sass/rules/_background-size.scss +12 -0
  35. data/vendor/assets/stylesheets/emma.css/sass/rules/_background.scss +4 -0
  36. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-bottom-color.scss +8 -0
  37. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-bottom-width.scss +28 -0
  38. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-bottom.scss +8 -0
  39. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-collapse.scss +8 -0
  40. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-color.scss +96 -0
  41. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-image.scss +4 -0
  42. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-left-color.scss +8 -0
  43. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-left-width.scss +28 -0
  44. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-left.scss +8 -0
  45. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-radius.scss +52 -0
  46. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-right-color.scss +8 -0
  47. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-right-width.scss +28 -0
  48. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-right.scss +8 -0
  49. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-style.scss +44 -0
  50. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-top-color.scss +8 -0
  51. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-top-width.scss +28 -0
  52. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-top.scss +8 -0
  53. data/vendor/assets/stylesheets/emma.css/sass/rules/_border-width.scss +28 -0
  54. data/vendor/assets/stylesheets/emma.css/sass/rules/_border.scss +8 -0
  55. data/vendor/assets/stylesheets/emma.css/sass/rules/_bottom.scss +8 -0
  56. data/vendor/assets/stylesheets/emma.css/sass/rules/_box-shadow.scss +4 -0
  57. data/vendor/assets/stylesheets/emma.css/sass/rules/_box-sizing.scss +8 -0
  58. data/vendor/assets/stylesheets/emma.css/sass/rules/_clear.scss +16 -0
  59. data/vendor/assets/stylesheets/emma.css/sass/rules/_clearfix.scss +6 -0
  60. data/vendor/assets/stylesheets/emma.css/sass/rules/_color.scss +92 -0
  61. data/vendor/assets/stylesheets/emma.css/sass/rules/_cursor.scss +32 -0
  62. data/vendor/assets/stylesheets/emma.css/sass/rules/_display.scss +96 -0
  63. data/vendor/assets/stylesheets/emma.css/sass/rules/_flex-direction.scss +16 -0
  64. data/vendor/assets/stylesheets/emma.css/sass/rules/_flex-wrap.scss +12 -0
  65. data/vendor/assets/stylesheets/emma.css/sass/rules/_flex.scss +16 -0
  66. data/vendor/assets/stylesheets/emma.css/sass/rules/_float.scss +12 -0
  67. data/vendor/assets/stylesheets/emma.css/sass/rules/_font-family.scss +40 -0
  68. data/vendor/assets/stylesheets/emma.css/sass/rules/_font-size.scss +100 -0
  69. data/vendor/assets/stylesheets/emma.css/sass/rules/_font-style.scss +12 -0
  70. data/vendor/assets/stylesheets/emma.css/sass/rules/_font-variant.scss +8 -0
  71. data/vendor/assets/stylesheets/emma.css/sass/rules/_font-weight.scss +56 -0
  72. data/vendor/assets/stylesheets/emma.css/sass/rules/_height.scss +12 -0
  73. data/vendor/assets/stylesheets/emma.css/sass/rules/_justify-content.scss +20 -0
  74. data/vendor/assets/stylesheets/emma.css/sass/rules/_left.scss +8 -0
  75. data/vendor/assets/stylesheets/emma.css/sass/rules/_letter-spacing.scss +4 -0
  76. data/vendor/assets/stylesheets/emma.css/sass/rules/_line-height.scss +56 -0
  77. data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style-image.scss +4 -0
  78. data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style-position.scss +8 -0
  79. data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style-type.scss +32 -0
  80. data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style.scss +4 -0
  81. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-bottom.scss +28 -0
  82. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-left.scss +28 -0
  83. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-right.scss +28 -0
  84. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-top.scss +28 -0
  85. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-0.scss +5 -0
  86. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-auto.scss +5 -0
  87. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-lg.scss +5 -0
  88. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-md.scss +5 -0
  89. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-sm.scss +5 -0
  90. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-xl.scss +5 -0
  91. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-xs.scss +5 -0
  92. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-0.scss +5 -0
  93. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-auto.scss +5 -0
  94. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-lg.scss +5 -0
  95. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-md.scss +5 -0
  96. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-sm.scss +5 -0
  97. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-xl.scss +5 -0
  98. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-xs.scss +5 -0
  99. data/vendor/assets/stylesheets/emma.css/sass/rules/_margin.scss +36 -0
  100. data/vendor/assets/stylesheets/emma.css/sass/rules/_max-height.scss +8 -0
  101. data/vendor/assets/stylesheets/emma.css/sass/rules/_max-width.scss +64 -0
  102. data/vendor/assets/stylesheets/emma.css/sass/rules/_min-height.scss +4 -0
  103. data/vendor/assets/stylesheets/emma.css/sass/rules/_min-width.scss +4 -0
  104. data/vendor/assets/stylesheets/emma.css/sass/rules/_object-fit.scss +20 -0
  105. data/vendor/assets/stylesheets/emma.css/sass/rules/_opacity.scss +44 -0
  106. data/vendor/assets/stylesheets/emma.css/sass/rules/_order.scss +36 -0
  107. data/vendor/assets/stylesheets/emma.css/sass/rules/_outline-color.scss +4 -0
  108. data/vendor/assets/stylesheets/emma.css/sass/rules/_outline-style.scss +36 -0
  109. data/vendor/assets/stylesheets/emma.css/sass/rules/_outline-width.scss +12 -0
  110. data/vendor/assets/stylesheets/emma.css/sass/rules/_outline.scss +4 -0
  111. data/vendor/assets/stylesheets/emma.css/sass/rules/_overflow-x.scss +16 -0
  112. data/vendor/assets/stylesheets/emma.css/sass/rules/_overflow-y.scss +16 -0
  113. data/vendor/assets/stylesheets/emma.css/sass/rules/_overflow.scss +16 -0
  114. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-bottom.scss +24 -0
  115. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-left.scss +24 -0
  116. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-right.scss +24 -0
  117. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-top.scss +24 -0
  118. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-0.scss +5 -0
  119. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-lg.scss +5 -0
  120. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-md.scss +5 -0
  121. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-sm.scss +5 -0
  122. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-xl.scss +5 -0
  123. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-xs.scss +5 -0
  124. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-0.scss +5 -0
  125. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-lg.scss +5 -0
  126. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-md.scss +5 -0
  127. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-sm.scss +5 -0
  128. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-xl.scss +5 -0
  129. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-xs.scss +5 -0
  130. data/vendor/assets/stylesheets/emma.css/sass/rules/_padding.scss +24 -0
  131. data/vendor/assets/stylesheets/emma.css/sass/rules/_position.scss +16 -0
  132. data/vendor/assets/stylesheets/emma.css/sass/rules/_reset-list.scss +6 -0
  133. data/vendor/assets/stylesheets/emma.css/sass/rules/_resize.scss +16 -0
  134. data/vendor/assets/stylesheets/emma.css/sass/rules/_right.scss +8 -0
  135. data/vendor/assets/stylesheets/emma.css/sass/rules/_table-layout.scss +8 -0
  136. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-align.scss +16 -0
  137. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-decoration.scss +16 -0
  138. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-emphasis.scss +28 -0
  139. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-hiding.scss +7 -0
  140. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-indent.scss +8 -0
  141. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-overflow.scss +8 -0
  142. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-shadow.scss +4 -0
  143. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-transform.scss +16 -0
  144. data/vendor/assets/stylesheets/emma.css/sass/rules/_text-truncation.scss +9 -0
  145. data/vendor/assets/stylesheets/emma.css/sass/rules/_top.scss +8 -0
  146. data/vendor/assets/stylesheets/emma.css/sass/rules/_vertical-align.scss +32 -0
  147. data/vendor/assets/stylesheets/emma.css/sass/rules/_visibility.scss +12 -0
  148. data/vendor/assets/stylesheets/emma.css/sass/rules/_webkit-font-smoothing.scss +12 -0
  149. data/vendor/assets/stylesheets/emma.css/sass/rules/_white-space.scss +20 -0
  150. data/vendor/assets/stylesheets/emma.css/sass/rules/_width.scss +68 -0
  151. data/vendor/assets/stylesheets/emma.css/sass/rules/_word-break.scss +12 -0
  152. data/vendor/assets/stylesheets/emma.css/sass/rules/_word-wrap.scss +20 -0
  153. data/vendor/assets/stylesheets/emma.css/sass/rules/_z-index.scss +36 -0
  154. metadata +150 -3
  155. data/vendor/assets/stylesheets/emma.scss +0 -927
@@ -0,0 +1,4 @@
1
+ /*! Emma.css 0.9.0 | MIT License | https://git.io/emma */
2
+ @import "sass/vars";
3
+ @import "sass/mixins";
4
+ @import "sass/rules";
@@ -0,0 +1,8 @@
1
+ @import "rules/box-shadow";
2
+ @import "rules/background";
3
+ @import "rules/background-color";
4
+ @import "rules/background-image";
5
+ @import "rules/background-repeat";
6
+ @import "rules/background-attachment";
7
+ @import "rules/background-position";
8
+ @import "rules/background-size";
@@ -0,0 +1,24 @@
1
+ @import "rules/outline";
2
+ @import "rules/outline-width";
3
+ @import "rules/outline-style";
4
+ @import "rules/outline-color";
5
+ @import "rules/backface-visibility";
6
+ @import "rules/border";
7
+ @import "rules/border-collapse";
8
+ @import "rules/border-color";
9
+ @import "rules/border-image";
10
+ @import "rules/border-style";
11
+ @import "rules/border-width";
12
+ @import "rules/border-top-width";
13
+ @import "rules/border-right-width";
14
+ @import "rules/border-bottom-width";
15
+ @import "rules/border-left-width";
16
+ @import "rules/border-top";
17
+ @import "rules/border-top-color";
18
+ @import "rules/border-right";
19
+ @import "rules/border-right-color";
20
+ @import "rules/border-bottom";
21
+ @import "rules/border-bottom-color";
22
+ @import "rules/border-left";
23
+ @import "rules/border-left-color";
24
+ @import "rules/border-radius";
@@ -0,0 +1,22 @@
1
+ @import "rules/position";
2
+ @import "rules/top";
3
+ @import "rules/right";
4
+ @import "rules/bottom";
5
+ @import "rules/left";
6
+ @import "rules/z-index";
7
+ @import "rules/display";
8
+ @import "rules/visibility";
9
+ @import "rules/overflow";
10
+ @import "rules/overflow-x";
11
+ @import "rules/overflow-y";
12
+ @import "rules/box-sizing";
13
+ @import "rules/table-layout";
14
+ @import "rules/flex-direction";
15
+ @import "rules/flex-wrap";
16
+ @import "rules/justify-content";
17
+ @import "rules/align-items";
18
+ @import "rules/align-content";
19
+ @import "rules/order";
20
+ @import "rules/flex";
21
+ @import "rules/align-self";
22
+ @import "rules/absolute-center";
@@ -0,0 +1,3 @@
1
+ @import "rules/float";
2
+ @import "rules/clear";
3
+ @import "rules/clearfix";
@@ -0,0 +1,3 @@
1
+ @import "rules/height";
2
+ @import "rules/max-height";
3
+ @import "rules/min-height";
@@ -0,0 +1,19 @@
1
+ @import "rules/margin";
2
+ @import "rules/margin-top";
3
+ @import "rules/margin-right";
4
+ @import "rules/margin-bottom";
5
+ @import "rules/margin-left";
6
+ @import "rules/margin-x-0";
7
+ @import "rules/margin-y-0";
8
+ @import "rules/margin-x-auto";
9
+ @import "rules/margin-y-auto";
10
+ @import "rules/margin-x-xs";
11
+ @import "rules/margin-y-xs";
12
+ @import "rules/margin-x-sm";
13
+ @import "rules/margin-y-sm";
14
+ @import "rules/margin-x-md";
15
+ @import "rules/margin-y-md";
16
+ @import "rules/margin-x-lg";
17
+ @import "rules/margin-y-lg";
18
+ @import "rules/margin-x-xl";
19
+ @import "rules/margin-y-xl";
@@ -0,0 +1,168 @@
1
+ // Clearfix (Contain floats)
2
+ @mixin emma-cf($important: $emma-important) {
3
+ &:before, &:after { content: " "; display: table; }
4
+ &:after { clear: both; }
5
+ }
6
+
7
+ // Text truncation (ellipsis)
8
+ @mixin emma-tetr($important: $emma-important) {
9
+ max-width: 100% #{emma-important($important)};
10
+ overflow: hidden #{emma-important($important)};
11
+ text-overflow: ellipsis #{emma-important($important)};
12
+ white-space: nowrap #{emma-important($important)};
13
+ word-wrap: normal #{emma-important($important)};
14
+ }
15
+
16
+ // Text hiding
17
+ @mixin emma-tehi($important: $emma-important) {
18
+ overflow: hidden #{emma-important($important)};
19
+ text-indent: 200% #{emma-important($important)};
20
+ white-space: nowrap #{emma-important($important)};
21
+ }
22
+
23
+ // Reset list
24
+ @mixin emma-reli($important: $emma-important) {
25
+ list-style: none #{emma-important($important)};
26
+ padding-left: 0 #{emma-important($important)};
27
+ }
28
+
29
+ // Absolute center
30
+ @mixin emma-abce($important: $emma-important) {
31
+ bottom: 0 #{emma-important($important)};
32
+ left: 0 #{emma-important($important)};
33
+ margin: auto #{emma-important($important)};
34
+ position: auto #{emma-important($important)};
35
+ right: 0 #{emma-important($important)};
36
+ top: 0 #{emma-important($important)};
37
+ }
38
+
39
+ @mixin emma-mx-0($important: $emma-important) {
40
+ margin-left: 0 #{emma-important($important)};
41
+ margin-right: 0 #{emma-important($important)};
42
+ }
43
+
44
+ @mixin emma-my-0($important: $emma-important) {
45
+ margin-top: 0 #{emma-important($important)};
46
+ margin-bottom: 0 #{emma-important($important)};
47
+ }
48
+
49
+ @mixin emma-mx-a($important: $emma-important) {
50
+ margin-left: auto #{emma-important($important)};
51
+ margin-right: auto #{emma-important($important)};
52
+ }
53
+
54
+ @mixin emma-my-a($important: $emma-important) {
55
+ margin-top: auto #{emma-important($important)};
56
+ margin-bottom: auto #{emma-important($important)};
57
+ }
58
+
59
+ @mixin emma-mx-xs($important: $emma-important) {
60
+ margin-left: $emma-margin-xs #{emma-important($important)};
61
+ margin-right: $emma-margin-xs #{emma-important($important)};
62
+ }
63
+
64
+ @mixin emma-my-xs($important: $emma-important) {
65
+ margin-top: $emma-margin-xs #{emma-important($important)};
66
+ margin-bottom: $emma-margin-xs #{emma-important($important)};
67
+ }
68
+
69
+ @mixin emma-mx-sm($important: $emma-important) {
70
+ margin-left: $emma-margin-sm #{emma-important($important)};
71
+ margin-right: $emma-margin-sm #{emma-important($important)};
72
+ }
73
+
74
+ @mixin emma-my-sm($important: $emma-important) {
75
+ margin-top: $emma-margin-sm #{emma-important($important)};
76
+ margin-bottom: $emma-margin-sm #{emma-important($important)};
77
+ }
78
+
79
+ @mixin emma-mx-md($important: $emma-important) {
80
+ margin-left: $emma-margin-md #{emma-important($important)};
81
+ margin-right: $emma-margin-md #{emma-important($important)};
82
+ }
83
+
84
+ @mixin emma-my-md($important: $emma-important) {
85
+ margin-top: $emma-margin-md #{emma-important($important)};
86
+ margin-bottom: $emma-margin-md #{emma-important($important)};
87
+ }
88
+
89
+ @mixin emma-mx-lg($important: $emma-important) {
90
+ margin-left: $emma-margin-lg #{emma-important($important)};
91
+ margin-right: $emma-margin-lg #{emma-important($important)};
92
+ }
93
+
94
+ @mixin emma-my-lg($important: $emma-important) {
95
+ margin-top: $emma-margin-lg #{emma-important($important)};
96
+ margin-bottom: $emma-margin-lg #{emma-important($important)};
97
+ }
98
+
99
+ @mixin emma-mx-xl($important: $emma-important) {
100
+ margin-left: $emma-margin-xl #{emma-important($important)};
101
+ margin-right: $emma-margin-xl #{emma-important($important)};
102
+ }
103
+
104
+ @mixin emma-my-xl($important: $emma-important) {
105
+ margin-top: $emma-margin-xl #{emma-important($important)};
106
+ margin-bottom: $emma-margin-xl #{emma-important($important)};
107
+ }
108
+
109
+ @mixin emma-px-0($important: $emma-important) {
110
+ padding-left: 0 #{emma-important($important)};
111
+ padding-right: 0 #{emma-important($important)};
112
+ }
113
+
114
+ @mixin emma-py-0($important: $emma-important) {
115
+ padding-top: 0 #{emma-important($important)};
116
+ padding-bottom: 0 #{emma-important($important)};
117
+ }
118
+
119
+ @mixin emma-px-xs($important: $emma-important) {
120
+ padding-left: $emma-padding-xs #{emma-important($important)};
121
+ padding-right: $emma-padding-xs #{emma-important($important)};
122
+ }
123
+
124
+ @mixin emma-py-xs($important: $emma-important) {
125
+ padding-top: $emma-padding-xs #{emma-important($important)};
126
+ padding-bottom: $emma-padding-xs #{emma-important($important)};
127
+ }
128
+
129
+ @mixin emma-px-sm($important: $emma-important) {
130
+ padding-left: $emma-padding-sm #{emma-important($important)};
131
+ padding-right: $emma-padding-sm #{emma-important($important)};
132
+ }
133
+
134
+ @mixin emma-py-sm($important: $emma-important) {
135
+ padding-top: $emma-padding-sm #{emma-important($important)};
136
+ padding-bottom: $emma-padding-sm #{emma-important($important)};
137
+ }
138
+
139
+ @mixin emma-px-md($important: $emma-important) {
140
+ padding-left: $emma-padding-md #{emma-important($important)};
141
+ padding-right: $emma-padding-md #{emma-important($important)};
142
+ }
143
+
144
+ @mixin emma-py-md($important: $emma-important) {
145
+ padding-top: $emma-padding-md #{emma-important($important)};
146
+ padding-bottom: $emma-padding-md #{emma-important($important)};
147
+ }
148
+
149
+ @mixin emma-px-lg($important: $emma-important) {
150
+ padding-left: $emma-padding-lg #{emma-important($important)};
151
+ padding-right: $emma-padding-lg #{emma-important($important)};
152
+ }
153
+
154
+ @mixin emma-py-lg($important: $emma-important) {
155
+ padding-top: $emma-padding-lg #{emma-important($important)};
156
+ padding-bottom: $emma-padding-lg #{emma-important($important)};
157
+ }
158
+
159
+ @mixin emma-px-xl($important: $emma-important) {
160
+ padding-left: $emma-padding-xl #{emma-important($important)};
161
+ padding-right: $emma-padding-xl #{emma-important($important)};
162
+ }
163
+
164
+ @mixin emma-py-xl($important: $emma-important) {
165
+ padding-top: $emma-padding-xl #{emma-important($important)};
166
+ padding-bottom: $emma-padding-xl #{emma-important($important)};
167
+ }
168
+
@@ -0,0 +1,3 @@
1
+ @import "rules/resize";
2
+ @import "rules/cursor";
3
+ @import "rules/object-fit";
@@ -0,0 +1,17 @@
1
+ @import "rules/padding";
2
+ @import "rules/padding-top";
3
+ @import "rules/padding-right";
4
+ @import "rules/padding-bottom";
5
+ @import "rules/padding-left";
6
+ @import "rules/padding-x-0";
7
+ @import "rules/padding-y-0";
8
+ @import "rules/padding-x-xs";
9
+ @import "rules/padding-y-xs";
10
+ @import "rules/padding-x-sm";
11
+ @import "rules/padding-y-sm";
12
+ @import "rules/padding-x-md";
13
+ @import "rules/padding-y-md";
14
+ @import "rules/padding-x-lg";
15
+ @import "rules/padding-y-lg";
16
+ @import "rules/padding-x-xl";
17
+ @import "rules/padding-y-xl";
@@ -0,0 +1,10 @@
1
+ @import "display";
2
+ @import "float";
3
+ @import "background";
4
+ @import "margin";
5
+ @import "padding";
6
+ @import "width";
7
+ @import "height";
8
+ @import "border";
9
+ @import "text";
10
+ @import "other";
@@ -0,0 +1,28 @@
1
+ @import "rules/color";
2
+ @import "rules/list-style";
3
+ @import "rules/list-style-position";
4
+ @import "rules/list-style-type";
5
+ @import "rules/list-style-image";
6
+ @import "rules/vertical-align";
7
+ @import "rules/text-align";
8
+ @import "rules/text-decoration";
9
+ @import "rules/text-emphasis";
10
+ @import "rules/text-indent";
11
+ @import "rules/text-overflow";
12
+ @import "rules/text-transform";
13
+ @import "rules/text-shadow";
14
+ @import "rules/line-height";
15
+ @import "rules/white-space";
16
+ @import "rules/word-break";
17
+ @import "rules/word-wrap";
18
+ @import "rules/letter-spacing";
19
+ @import "rules/font-weight";
20
+ @import "rules/font-style";
21
+ @import "rules/font-variant";
22
+ @import "rules/font-size";
23
+ @import "rules/font-family";
24
+ @import "rules/opacity";
25
+ @import "rules/webkit-font-smoothing";
26
+ @import "rules/text-truncation";
27
+ @import "rules/text-hiding";
28
+ @import "rules/reset-list";
@@ -0,0 +1,63 @@
1
+ // Variables
2
+ $emma-prefix: "u-" !default;
3
+ $emma-important: true !default;
4
+ $emma-font-size-xs: 0.75rem !default;
5
+ $emma-font-size-sm: 0.875rem !default;
6
+ $emma-font-size-md: 1.0rem !default;
7
+ $emma-font-size-lg: 1.25rem !default;
8
+ $emma-font-size-xl: 1.5rem !default;
9
+ $emma-font-size-h1: 2.5rem !default;
10
+ $emma-font-size-h2: 2.0rem !default;
11
+ $emma-font-size-h3: 1.75rem !default;
12
+ $emma-font-size-h4: 1.5rem !default;
13
+ $emma-font-size-h5: 1.25rem !default;
14
+ $emma-font-size-h6: 1.0rem !default;
15
+ $emma-line-height-xs: 1.25 !default;
16
+ $emma-line-height-sm: 1.33 !default;
17
+ $emma-line-height-md: 1.5 !default;
18
+ $emma-line-height-lg: 1.75 !default;
19
+ $emma-line-height-xl: 2.0 !default;
20
+ $emma-margin-xs: 0.2rem !default;
21
+ $emma-margin-sm: 0.5rem !default;
22
+ $emma-margin-md: 1.0rem !default;
23
+ $emma-margin-lg: 1.5rem !default;
24
+ $emma-margin-xl: 3.0rem !default;
25
+ $emma-padding-xs: 0.2rem !default;
26
+ $emma-padding-sm: 0.5rem !default;
27
+ $emma-padding-md: 1.0rem !default;
28
+ $emma-padding-lg: 1.5rem !default;
29
+ $emma-padding-xl: 3.0rem !default;
30
+ $emma-border-radius-xs: 0.1rem !default;
31
+ $emma-border-radius-sm: 0.2rem !default;
32
+ $emma-border-radius-md: 0.25rem !default;
33
+ $emma-border-radius-lg: 0.3rem !default;
34
+ $emma-border-radius-xl: 0.4rem !default;
35
+ $emma-color-primary: #0275d8 !default;
36
+ $emma-color-success: #5cb85c !default;
37
+ $emma-color-info: #5bc0de !default;
38
+ $emma-color-warning: #f0ad4e !default;
39
+ $emma-color-danger: #d9534f !default;
40
+ $emma-color-white: #ffffff !default;
41
+ $emma-color-silver: #dddddd !default;
42
+ $emma-color-gray: #aaaaaa !default;
43
+ $emma-color-black: #111111 !default;
44
+ $emma-color-navy: #001f3f !default;
45
+ $emma-color-blue: #0074d9 !default;
46
+ $emma-color-aqua: #7fdbff !default;
47
+ $emma-color-teal: #39cccc !default;
48
+ $emma-color-olive: #3d9970 !default;
49
+ $emma-color-green: #2ecc40 !default;
50
+ $emma-color-lime: #01ff70 !default;
51
+ $emma-color-yellow: #ffdc00 !default;
52
+ $emma-color-orange: #ff851b !default;
53
+ $emma-color-red: #ff4136 !default;
54
+ $emma-color-maroon: #85144b !default;
55
+ $emma-color-fuchsia: #f012be !default;
56
+ $emma-color-purple: #b10dc9 !default;
57
+
58
+ // Functions
59
+ @function emma-important($bool: $emma-important) {
60
+ $important: "";
61
+ @if $bool { $important: "!important"; }
62
+ @return $important;
63
+ }
@@ -0,0 +1,3 @@
1
+ @import "rules/width";
2
+ @import "rules/max-width";
3
+ @import "rules/min-width";
@@ -0,0 +1,10 @@
1
+ // Absolute center
2
+ .#{$emma-prefix}abce {
3
+ bottom: 0 #{emma-important($emma-important)};
4
+ left: 0 #{emma-important($emma-important)};
5
+ margin: auto #{emma-important($emma-important)};
6
+ position: auto #{emma-important($emma-important)};
7
+ right: 0 #{emma-important($emma-important)};
8
+ top: 0 #{emma-important($emma-important)};
9
+ }
10
+
@@ -0,0 +1,24 @@
1
+ .#{$emma-prefix}ac-fs {
2
+ align-content: flex-start #{emma-important($emma-important)};
3
+ }
4
+
5
+ .#{$emma-prefix}ac-fe {
6
+ align-content: flex-end #{emma-important($emma-important)};
7
+ }
8
+
9
+ .#{$emma-prefix}ac-c {
10
+ align-content: center #{emma-important($emma-important)};
11
+ }
12
+
13
+ .#{$emma-prefix}ac-sb {
14
+ align-content: space-between #{emma-important($emma-important)};
15
+ }
16
+
17
+ .#{$emma-prefix}ac-sa {
18
+ align-content: space-around #{emma-important($emma-important)};
19
+ }
20
+
21
+ .#{$emma-prefix}ac-s {
22
+ align-content: stretch #{emma-important($emma-important)};
23
+ }
24
+
@@ -0,0 +1,20 @@
1
+ .#{$emma-prefix}ai-fs {
2
+ align-items: flex-start #{emma-important($emma-important)};
3
+ }
4
+
5
+ .#{$emma-prefix}ai-fe {
6
+ align-items: flex-end #{emma-important($emma-important)};
7
+ }
8
+
9
+ .#{$emma-prefix}ai-c {
10
+ align-items: center #{emma-important($emma-important)};
11
+ }
12
+
13
+ .#{$emma-prefix}ai-b {
14
+ align-items: baseline #{emma-important($emma-important)};
15
+ }
16
+
17
+ .#{$emma-prefix}ai-s {
18
+ align-items: stretch #{emma-important($emma-important)};
19
+ }
20
+