Skip to content

Commit 7d86db0

Browse files
authored
Clean up the README
1 parent 9440840 commit 7d86db0

File tree

1 file changed

+14
-10
lines changed

1 file changed

+14
-10
lines changed

β€ŽREADME.md

+14-10
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,9 @@
11
### CSS constructor πŸ’„ for React components
22

33
![beta](https://img.shields.io/badge/status-beta-yellow.svg)
4+
--
45

5-
6-
7-
Every React component gets a javascript constructor for the functional logic.
6+
Every React component gets a javascript constructor for functional logic.
87

98
**Introducing the css constructor for styling!**
109

@@ -33,45 +32,50 @@ export default class Hello extends React.Component {
3332
};
3433
```
3534

36-
Features:
35+
--
36+
37+
**Features:**
3738

3839
πŸŽ€ Supports real css
3940

4041
πŸ”Ό Attaches **inline styles** to the highest element in your component
4142

4243
πŸ’„ Offical library emoji
4344

44-
45+
--
4546

4647
*Coming soon*
4748

48-
49-
5049
πŸ”₯ use props in css
5150

5251
πŸ™‹ classes instead of inline styles
5352

5453
πŸ“± media queries support
5554

55+
--
5656

5757
#### Usage
5858

5959
```
6060
npm install css-constructor --save
61+
```
6162

62-
Add a @css block just before the render function (important)
63+
Add a `@css` block just before the `render` function (important)
6364

6465
Bonus: It also works with the offical emoji
66+
```js
6567
@πŸ’„`
6668
color: #FF6962;
6769
`
6870
```
6971

70-
You can start using this right away. Even though πŸ’„ is in `BETA`, the `@css` block will always remain the same.
72+
You can start using this right away. Even though πŸ’„ is in `BETA`, the `@css` block will always look the same.
7173

7274

73-
css-constructor πŸ’„ uses [ES7 class function decorators](https://github.com/wycats/javascript-decorators) on the render function.
75+
#### How does it work?
7476

77+
πŸ’„ uses [ES7 class function decorators](https://github.com/wycats/javascript-decorators) on the render function.
78+
I'll probably write a detailed post about it.
7579

7680
#### Inspiration
7781

0 commit comments

Comments
Β (0)