emma-css-rails 0.9.0.0 → 0.10.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 +2 -2
- data/Rakefile +3 -2
- data/lib/emma-css-rails/version.rb +1 -1
- data/vendor/assets/stylesheets/emma.css/emma.css +747 -595
- data/vendor/assets/stylesheets/emma.css/sass/_display.scss +3 -0
- data/vendor/assets/stylesheets/emma.css/sass/_margin.scss +2 -2
- data/vendor/assets/stylesheets/emma.css/sass/_mixins.scss +10 -6
- data/vendor/assets/stylesheets/emma.css/sass/_other.scss +3 -0
- data/vendor/assets/stylesheets/emma.css/sass/_padding.scss +2 -2
- data/vendor/assets/stylesheets/emma.css/sass/_text.scss +2 -0
- data/vendor/assets/stylesheets/emma.css/sass/_vars.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/all.scss +4 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_appearance.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background-repeat.scss +2 -2
- data/vendor/assets/stylesheets/emma.css/sass/rules/_background-size.scss +3 -3
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-bottom-width.scss +7 -7
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-bottom.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-left-width.scss +7 -7
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-left.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-radius.scss +12 -8
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-right-width.scss +7 -7
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-right.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-top-width.scss +7 -7
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-top.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border-width.scss +7 -7
- data/vendor/assets/stylesheets/emma.css/sass/rules/_border.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_bottom.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_clearfix.scss +1 -2
- data/vendor/assets/stylesheets/emma.css/sass/rules/_color.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_display.scss +16 -52
- data/vendor/assets/stylesheets/emma.css/sass/rules/_flex-basis.scss +164 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_flex-grow.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_flex-shrink.scss +16 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_flex.scss +15 -7
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-family.scss +2 -2
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-size.scss +12 -12
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-smoothing-antialiased.scss +5 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_font-weight.scss +9 -13
- data/vendor/assets/stylesheets/emma.css/sass/rules/_height.scss +34 -2
- data/vendor/assets/stylesheets/emma.css/sass/rules/_left.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_line-height.scss +8 -8
- data/vendor/assets/stylesheets/emma.css/sass/rules/_list-style-type.scss +2 -2
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-bottom.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-left.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-right.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin-top.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/{_margin-x-0.scss → _margin-x0.scss} +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/{_margin-y-0.scss → _margin-y0.scss} +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_margin.scss +3 -3
- data/vendor/assets/stylesheets/emma.css/sass/rules/_max-height.scss +33 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_max-width.scss +95 -15
- data/vendor/assets/stylesheets/emma.css/sass/rules/_min-height.scss +37 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_min-width.scss +137 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_moz-osx-font-smoothing.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_opacity.scss +11 -11
- data/vendor/assets/stylesheets/emma.css/sass/rules/_order.scss +9 -9
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-bottom.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-left.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-right.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding-top.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/{_padding-x-0.scss → _padding-x0.scss} +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/{_padding-y-0.scss → _padding-y0.scss} +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_padding.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_position.scss +6 -2
- data/vendor/assets/stylesheets/emma.css/sass/rules/_resize.scss +4 -4
- data/vendor/assets/stylesheets/emma.css/sass/rules/_right.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_text-indent.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_top.scss +1 -1
- data/vendor/assets/stylesheets/emma.css/sass/rules/_user-select.scss +12 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_webkit-font-smoothing.scss +3 -3
- data/vendor/assets/stylesheets/emma.css/sass/rules/_webkit-touch-callout.scss +8 -0
- data/vendor/assets/stylesheets/emma.css/sass/rules/_width.scss +92 -16
- data/vendor/assets/stylesheets/emma.css/sass/rules/_z-index.scss +8 -8
- metadata +15 -10
- data/vendor/assets/stylesheets/emma.css/CHANGELOG.md +0 -50
- data/vendor/assets/stylesheets/emma.css/LICENSE +0 -21
- data/vendor/assets/stylesheets/emma.css/README.md +0 -152
- data/vendor/assets/stylesheets/emma.css/emma.scss +0 -4
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: emma-css-rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.10.0.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- ruedap
|
@@ -53,11 +53,7 @@ files:
|
|
53
53
|
- lib/emma-css-rails/engine.rb
|
54
54
|
- lib/emma-css-rails/version.rb
|
55
55
|
- lib/tasks/emma_css_rails_tasks.rake
|
56
|
-
- vendor/assets/stylesheets/emma.css/CHANGELOG.md
|
57
|
-
- vendor/assets/stylesheets/emma.css/LICENSE
|
58
|
-
- vendor/assets/stylesheets/emma.css/README.md
|
59
56
|
- vendor/assets/stylesheets/emma.css/emma.css
|
60
|
-
- vendor/assets/stylesheets/emma.css/emma.scss
|
61
57
|
- vendor/assets/stylesheets/emma.css/sass/_background.scss
|
62
58
|
- vendor/assets/stylesheets/emma.css/sass/_border.scss
|
63
59
|
- vendor/assets/stylesheets/emma.css/sass/_display.scss
|
@@ -71,10 +67,12 @@ files:
|
|
71
67
|
- vendor/assets/stylesheets/emma.css/sass/_text.scss
|
72
68
|
- vendor/assets/stylesheets/emma.css/sass/_vars.scss
|
73
69
|
- vendor/assets/stylesheets/emma.css/sass/_width.scss
|
70
|
+
- vendor/assets/stylesheets/emma.css/sass/all.scss
|
74
71
|
- vendor/assets/stylesheets/emma.css/sass/rules/_absolute-center.scss
|
75
72
|
- vendor/assets/stylesheets/emma.css/sass/rules/_align-content.scss
|
76
73
|
- vendor/assets/stylesheets/emma.css/sass/rules/_align-items.scss
|
77
74
|
- vendor/assets/stylesheets/emma.css/sass/rules/_align-self.scss
|
75
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_appearance.scss
|
78
76
|
- vendor/assets/stylesheets/emma.css/sass/rules/_backface-visibility.scss
|
79
77
|
- vendor/assets/stylesheets/emma.css/sass/rules/_background-attachment.scss
|
80
78
|
- vendor/assets/stylesheets/emma.css/sass/rules/_background-color.scss
|
@@ -110,12 +108,16 @@ files:
|
|
110
108
|
- vendor/assets/stylesheets/emma.css/sass/rules/_color.scss
|
111
109
|
- vendor/assets/stylesheets/emma.css/sass/rules/_cursor.scss
|
112
110
|
- vendor/assets/stylesheets/emma.css/sass/rules/_display.scss
|
111
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_flex-basis.scss
|
113
112
|
- vendor/assets/stylesheets/emma.css/sass/rules/_flex-direction.scss
|
113
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_flex-grow.scss
|
114
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_flex-shrink.scss
|
114
115
|
- vendor/assets/stylesheets/emma.css/sass/rules/_flex-wrap.scss
|
115
116
|
- vendor/assets/stylesheets/emma.css/sass/rules/_flex.scss
|
116
117
|
- vendor/assets/stylesheets/emma.css/sass/rules/_float.scss
|
117
118
|
- vendor/assets/stylesheets/emma.css/sass/rules/_font-family.scss
|
118
119
|
- vendor/assets/stylesheets/emma.css/sass/rules/_font-size.scss
|
120
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_font-smoothing-antialiased.scss
|
119
121
|
- vendor/assets/stylesheets/emma.css/sass/rules/_font-style.scss
|
120
122
|
- vendor/assets/stylesheets/emma.css/sass/rules/_font-variant.scss
|
121
123
|
- vendor/assets/stylesheets/emma.css/sass/rules/_font-weight.scss
|
@@ -132,25 +134,26 @@ files:
|
|
132
134
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-left.scss
|
133
135
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-right.scss
|
134
136
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-top.scss
|
135
|
-
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-0.scss
|
136
137
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-auto.scss
|
137
138
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-lg.scss
|
138
139
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-md.scss
|
139
140
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-sm.scss
|
140
141
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-xl.scss
|
141
142
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-x-xs.scss
|
142
|
-
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-
|
143
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-x0.scss
|
143
144
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-auto.scss
|
144
145
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-lg.scss
|
145
146
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-md.scss
|
146
147
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-sm.scss
|
147
148
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-xl.scss
|
148
149
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-y-xs.scss
|
150
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_margin-y0.scss
|
149
151
|
- vendor/assets/stylesheets/emma.css/sass/rules/_margin.scss
|
150
152
|
- vendor/assets/stylesheets/emma.css/sass/rules/_max-height.scss
|
151
153
|
- vendor/assets/stylesheets/emma.css/sass/rules/_max-width.scss
|
152
154
|
- vendor/assets/stylesheets/emma.css/sass/rules/_min-height.scss
|
153
155
|
- vendor/assets/stylesheets/emma.css/sass/rules/_min-width.scss
|
156
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_moz-osx-font-smoothing.scss
|
154
157
|
- vendor/assets/stylesheets/emma.css/sass/rules/_object-fit.scss
|
155
158
|
- vendor/assets/stylesheets/emma.css/sass/rules/_opacity.scss
|
156
159
|
- vendor/assets/stylesheets/emma.css/sass/rules/_order.scss
|
@@ -165,18 +168,18 @@ files:
|
|
165
168
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-left.scss
|
166
169
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-right.scss
|
167
170
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-top.scss
|
168
|
-
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-0.scss
|
169
171
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-lg.scss
|
170
172
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-md.scss
|
171
173
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-sm.scss
|
172
174
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-xl.scss
|
173
175
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-x-xs.scss
|
174
|
-
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-
|
176
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-x0.scss
|
175
177
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-lg.scss
|
176
178
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-md.scss
|
177
179
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-sm.scss
|
178
180
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-xl.scss
|
179
181
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-y-xs.scss
|
182
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_padding-y0.scss
|
180
183
|
- vendor/assets/stylesheets/emma.css/sass/rules/_padding.scss
|
181
184
|
- vendor/assets/stylesheets/emma.css/sass/rules/_position.scss
|
182
185
|
- vendor/assets/stylesheets/emma.css/sass/rules/_reset-list.scss
|
@@ -193,9 +196,11 @@ files:
|
|
193
196
|
- vendor/assets/stylesheets/emma.css/sass/rules/_text-transform.scss
|
194
197
|
- vendor/assets/stylesheets/emma.css/sass/rules/_text-truncation.scss
|
195
198
|
- vendor/assets/stylesheets/emma.css/sass/rules/_top.scss
|
199
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_user-select.scss
|
196
200
|
- vendor/assets/stylesheets/emma.css/sass/rules/_vertical-align.scss
|
197
201
|
- vendor/assets/stylesheets/emma.css/sass/rules/_visibility.scss
|
198
202
|
- vendor/assets/stylesheets/emma.css/sass/rules/_webkit-font-smoothing.scss
|
203
|
+
- vendor/assets/stylesheets/emma.css/sass/rules/_webkit-touch-callout.scss
|
199
204
|
- vendor/assets/stylesheets/emma.css/sass/rules/_white-space.scss
|
200
205
|
- vendor/assets/stylesheets/emma.css/sass/rules/_width.scss
|
201
206
|
- vendor/assets/stylesheets/emma.css/sass/rules/_word-break.scss
|
@@ -221,7 +226,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
221
226
|
version: '0'
|
222
227
|
requirements: []
|
223
228
|
rubyforge_project:
|
224
|
-
rubygems_version: 2.5.
|
229
|
+
rubygems_version: 2.5.2
|
225
230
|
signing_key:
|
226
231
|
specification_version: 4
|
227
232
|
summary: Emma.css for Rails
|
@@ -1,50 +0,0 @@
|
|
1
|
-
# CHANGELOG
|
2
|
-
|
3
|
-
## master (unreleased)
|
4
|
-
* Nothing
|
5
|
-
|
6
|
-
## 0.9.0
|
7
|
-
* Restructure based on YAML documents
|
8
|
-
|
9
|
-
## 0.8.0
|
10
|
-
* Add snippet: fz-0 (font-size: 0)
|
11
|
-
* Add snippet: horizontal and vertical padding
|
12
|
-
* Add snippet: horizontal and vertical margin
|
13
|
-
|
14
|
-
## 0.7.0
|
15
|
-
* Add snippet: `ff-j` (font-family for Japanese)
|
16
|
-
* Add snippet: `z-9999` (`z-index: 9999`)
|
17
|
-
* Change from ruby-sass to node-sass
|
18
|
-
* Introduce npm run commands to build sass
|
19
|
-
|
20
|
-
## 0.6.0
|
21
|
-
* Change `$emma-alternative-colors` default value from false to true
|
22
|
-
* Add Makefile
|
23
|
-
|
24
|
-
## 0.5.0
|
25
|
-
* Add max-width sizes
|
26
|
-
* Add border-radius sizes
|
27
|
-
* Add 5 colors
|
28
|
-
* Change margin/padding variables
|
29
|
-
* Change line-height variables
|
30
|
-
* Change font-size variables
|
31
|
-
|
32
|
-
## 0.4.0
|
33
|
-
* Rename snippet name: `lire` -> `reli`
|
34
|
-
* Improve snippet: `tehi`
|
35
|
-
* Improve snippet: `abce`
|
36
|
-
|
37
|
-
## 0.3.0
|
38
|
-
* Add snippet: `tehi` (Text hiding)
|
39
|
-
|
40
|
-
## 0.2.0
|
41
|
-
* Rename `opacity` snippet names (e.g. `op-01` -> `op-0_1`)
|
42
|
-
* Rename multiple declaration snippet names
|
43
|
-
* `tet` -> `tetr`
|
44
|
-
* `lir` -> `lire`
|
45
|
-
* `abc` -> `abce`
|
46
|
-
* Add snippet: `m-a` (`margin: auto`)
|
47
|
-
* Add snippet: `m-0_a` (`margin: 0 auto`)
|
48
|
-
|
49
|
-
## 0.1.0
|
50
|
-
* Initial public release
|
@@ -1,21 +0,0 @@
|
|
1
|
-
MIT License
|
2
|
-
|
3
|
-
Copyright (c) 2015 ruedap
|
4
|
-
|
5
|
-
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
-
of this software and associated documentation files (the "Software"), to deal
|
7
|
-
in the Software without restriction, including without limitation the rights
|
8
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
-
copies of the Software, and to permit persons to whom the Software is
|
10
|
-
furnished to do so, subject to the following conditions:
|
11
|
-
|
12
|
-
The above copyright notice and this permission notice shall be included in all
|
13
|
-
copies or substantial portions of the Software.
|
14
|
-
|
15
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
21
|
-
SOFTWARE.
|
@@ -1,152 +0,0 @@
|
|
1
|
-
# Emma.css { [emmet](http://docs.emmet.io/cheat-sheet/)-like utility classes }
|
2
|
-
|
3
|
-
A collection of [CSS utility classes](emma.css) for rapid and easy front-end development.
|
4
|
-
|
5
|
-
[![CircleCI](https://circleci.com/gh/ruedap/emma.css.svg?style=shield)](https://circleci.com/gh/ruedap/emma.css)
|
6
|
-
|
7
|
-
## Example
|
8
|
-
|
9
|
-
Emma.css only:
|
10
|
-
|
11
|
-
``` html
|
12
|
-
<article class="u-cf">
|
13
|
-
<img class="u-d-b u-fl-l u-w-a u-mr-xl u-bdrs-3" src="foo.png">
|
14
|
-
<div class="u-fl-l u-ml-lg u-p-md">
|
15
|
-
<h1 class="u-m-0 u-ff-t">Title</h1>
|
16
|
-
<p class="u-wow-bw u-wfsm-a">Description</p>
|
17
|
-
<a class="u-d-ib u-fz-sm u-lh-2" href="#">Read more</a>
|
18
|
-
</div>
|
19
|
-
</article>
|
20
|
-
```
|
21
|
-
|
22
|
-
[SUIT CSS](https://suitcss.github.io/) naming convention + Emma.css:
|
23
|
-
|
24
|
-
``` html
|
25
|
-
<article class="Excerpt u-cf">
|
26
|
-
<img class="Excerpt-thumbnail u-d-b u-fl-l u-w-a" src="foo.png">
|
27
|
-
<div class="u-fl-l u-ml-lg u-p-md">
|
28
|
-
<h1 class="Excerpt-title">Title</h1>
|
29
|
-
<p class="u-wow-bw u-wfsm-a">Description</p>
|
30
|
-
<a class="Excerpt-readMore" href="#">Read more</a>
|
31
|
-
</div>
|
32
|
-
</article>
|
33
|
-
```
|
34
|
-
|
35
|
-
utility class name | declaration
|
36
|
-
--- | ---
|
37
|
-
`.u-cf` (clearfix) | [micro clearfix hack](http://nicolasgallagher.com/micro-clearfix-hack/)
|
38
|
-
`.u-d-b` | display: block;
|
39
|
-
`.u-fl-l` | float: left;
|
40
|
-
`.u-w-a` | width: auto;
|
41
|
-
`.u-mr-xl` (extra large) | margin-right: 4.0rem;
|
42
|
-
`.u-bdrs-3` | border-radius: 3px;
|
43
|
-
`.u-ml-lg` (large) | margin-left: 2.0rem;
|
44
|
-
`.u-p-md` (medium) | padding: 1.0rem;
|
45
|
-
`.u-m-0` | margin: 0;
|
46
|
-
`.u-ff-t` | font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
|
47
|
-
`.u-wow-bw` | word-wrap: break-word;
|
48
|
-
`.u-wfsm-a` | -webkit-font-smoothing: antialiased;
|
49
|
-
`.u-d-ib` | display: inline-block;
|
50
|
-
`.u-fz-sm` (small) | font-size: small;
|
51
|
-
`.u-lh-2` | line-height: 2;
|
52
|
-
|
53
|
-
See also: [emma.css](emma.css) (all utility classes)
|
54
|
-
|
55
|
-
## Getting Started
|
56
|
-
|
57
|
-
### Installation
|
58
|
-
|
59
|
-
Install or download Emma.css from one of these sources:
|
60
|
-
|
61
|
-
* **npm**: `npm install emma.css`
|
62
|
-
* **Bower**: `bower install emma.css`
|
63
|
-
* **Rails**: [emma-css-rails](https://github.com/ruedap/emma-css-rails)
|
64
|
-
* **Download**: [zip](https://github.com/ruedap/emma.css/releases)
|
65
|
-
* **Alfred 2**: [Emma.css Workflow](https://github.com/ruedap/alfred-emma-css-workflow)
|
66
|
-
|
67
|
-
### Basic usage
|
68
|
-
|
69
|
-
SCSS:
|
70
|
-
``` scss
|
71
|
-
@import "path/to/emma.scss";
|
72
|
-
```
|
73
|
-
CSS output:
|
74
|
-
``` css
|
75
|
-
.u-pos-s { position: static !important; }
|
76
|
-
.u-pos-a { position: absolute !important; }
|
77
|
-
.u-pos-r { position: relative !important; }
|
78
|
-
(snip)
|
79
|
-
```
|
80
|
-
|
81
|
-
### Change prefix of utility classes
|
82
|
-
|
83
|
-
Default prefix: `u-`
|
84
|
-
You can change prefix of utility classes by `$emma-prefix` variable:
|
85
|
-
|
86
|
-
``` scss
|
87
|
-
$emma-prefix: "foo-"; // Change prefix
|
88
|
-
@import "path/to/emma.scss";
|
89
|
-
```
|
90
|
-
CSS output:
|
91
|
-
``` css
|
92
|
-
.foo-pos-s { position: static !important; }
|
93
|
-
.foo-pos-a { position: absolute !important; }
|
94
|
-
.foo-pos-r { position: relative !important; }
|
95
|
-
(snip)
|
96
|
-
```
|
97
|
-
|
98
|
-
If you need to remove prefix:
|
99
|
-
|
100
|
-
``` scss
|
101
|
-
$emma-prefix: ""; // Remove prefix
|
102
|
-
@import "path/to/emma.scss";
|
103
|
-
```
|
104
|
-
CSS output:
|
105
|
-
``` css
|
106
|
-
.pos-s { position: static !important; }
|
107
|
-
.pos-a { position: absolute !important; }
|
108
|
-
.pos-r { position: relative !important; }
|
109
|
-
(snip)
|
110
|
-
```
|
111
|
-
|
112
|
-
### Remove !important annotations
|
113
|
-
|
114
|
-
You can remove `!important` annotations by `$emma-important` variable:
|
115
|
-
|
116
|
-
``` scss
|
117
|
-
$emma-important: false; // Remove !important annotations
|
118
|
-
@import "path/to/emma.scss";
|
119
|
-
```
|
120
|
-
CSS output:
|
121
|
-
``` css
|
122
|
-
.u-pos-s { position: static; }
|
123
|
-
.u-pos-a { position: absolute; }
|
124
|
-
.u-pos-r { position: relative; }
|
125
|
-
(snip)
|
126
|
-
```
|
127
|
-
|
128
|
-
### Change default sizes or colors
|
129
|
-
|
130
|
-
You can change default sizes or colors by [variables](sass/_vars.scss):
|
131
|
-
|
132
|
-
``` scss
|
133
|
-
$emma-padding-md: 20px; // default: `1.0rem`
|
134
|
-
$emma-color-black: #000; // default: `#111111`
|
135
|
-
@import "path/to/emma.scss";
|
136
|
-
```
|
137
|
-
|
138
|
-
## Inspired by
|
139
|
-
|
140
|
-
* [emmetio/emmet](https://github.com/emmetio/emmet)
|
141
|
-
* [suitcss/suit](https://github.com/suitcss/suit)
|
142
|
-
* [jxnblk/basscss](https://github.com/jxnblk/basscss)
|
143
|
-
* [t32k/wisteria](https://github.com/t32k/wisteria)
|
144
|
-
* [hail2u/node-edjo](https://github.com/hail2u/node-edjo)
|
145
|
-
|
146
|
-
## License
|
147
|
-
|
148
|
-
Released under the [MIT license](LICENSE).
|
149
|
-
|
150
|
-
## Author
|
151
|
-
|
152
|
-
[ruedap](https://github.com/ruedap)
|