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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +3 -0
- data/README.md +3 -3
- data/Rakefile +10 -0
- data/lib/emma-css-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/emma.css/CHANGELOG.md +50 -0
- data/vendor/assets/stylesheets/emma.css/LICENSE +21 -0
- data/vendor/assets/stylesheets/emma.css/README.md +152 -0
- data/vendor/assets/stylesheets/emma.css/emma.css +595 -0
- data/vendor/assets/stylesheets/emma.css/emma.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/_background.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/_border.scss +24 -0
- data/vendor/assets/stylesheets/emma.css/sass/_display.scss +22 -0
- data/vendor/assets/stylesheets/emma.css/sass/_float.scss +3 -0
- data/vendor/assets/stylesheets/emma.css/sass/_height.scss +3 -0
- data/vendor/assets/stylesheets/emma.css/sass/_margin.scss +19 -0
- data/vendor/assets/stylesheets/emma.css/sass/_mixins.scss +168 -0
- data/vendor/assets/stylesheets/emma.css/sass/_other.scss +3 -0
- data/vendor/assets/stylesheets/emma.css/sass/_padding.scss +17 -0
- data/vendor/assets/stylesheets/emma.css/sass/_rules.scss +10 -0
- data/vendor/assets/stylesheets/emma.css/sass/_text.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/_vars.scss +63 -0
- data/vendor/assets/stylesheets/emma.css/sass/_width.scss +3 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_absolute-center.scss +10 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_align-content.scss +24 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_align-items.scss +20 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_align-self.scss +24 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_backface-visibility.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background-attachment.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background-color.scss +96 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background-image.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background-position.scss +20 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background-repeat.scss +20 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background-size.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-bottom-color.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-bottom-width.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-bottom.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-collapse.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-color.scss +96 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-image.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-left-color.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-left-width.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-left.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-radius.scss +52 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-right-color.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-right-width.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-right.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-style.scss +44 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-top-color.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-top-width.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-top.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-width.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_bottom.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_box-shadow.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_box-sizing.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_clear.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_clearfix.scss +6 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_color.scss +92 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_cursor.scss +32 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_display.scss +96 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_flex-direction.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_flex-wrap.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_flex.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_float.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-family.scss +40 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-size.scss +100 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-style.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-variant.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-weight.scss +56 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_height.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_justify-content.scss +20 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_left.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_letter-spacing.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_line-height.scss +56 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style-image.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style-position.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style-type.scss +32 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-bottom.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-left.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-right.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-top.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-0.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-auto.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-lg.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-md.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-sm.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-xl.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-xs.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-0.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-auto.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-lg.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-md.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-sm.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-xl.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-xs.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin.scss +36 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_max-height.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_max-width.scss +64 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_min-height.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_min-width.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_object-fit.scss +20 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_opacity.scss +44 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_order.scss +36 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_outline-color.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_outline-style.scss +36 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_outline-width.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_outline.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_overflow-x.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_overflow-y.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_overflow.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-bottom.scss +24 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-left.scss +24 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-right.scss +24 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-top.scss +24 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-0.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-lg.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-md.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-sm.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-xl.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-xs.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-0.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-lg.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-md.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-sm.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-xl.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-xs.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding.scss +24 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_position.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_reset-list.scss +6 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_resize.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_right.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_table-layout.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-align.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-decoration.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-emphasis.scss +28 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-hiding.scss +7 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-indent.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-overflow.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-shadow.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-transform.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-truncation.scss +9 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_top.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_vertical-align.scss +32 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_visibility.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_webkit-font-smoothing.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_white-space.scss +20 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_width.scss +68 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_word-break.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_word-wrap.scss +20 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_z-index.scss +36 -0
- metadata +150 -3
- data/vendor/assets/stylesheets/emma.scss +0 -927
@@ -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,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,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,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,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
|
+
|