@@ -24,7 +24,6 @@ Features
24
24
* Add polymorphic behavior to your styles
25
25
26
26
27
- <<<<<<< HEAD
28
27
Usage
29
28
-----------------------------------------------
30
29
@@ -98,9 +97,6 @@ that have `foo-bar` added to its `classNames` property.
98
97
99
98
But, How Does It Work?! (TLDR)
100
99
------------------------------------------------------------------------------
101
- =======
102
- ## Usage
103
- >>>>>>> 6dfe9e7 (v3.18.0...v4.12.2)
104
100
105
101
To understand how ` ember-cli-styled ` works, you must first understand how routes
106
102
work in Ember. Whenever you enter or exit a route, the route fires the ` activate `
@@ -115,28 +111,22 @@ In the example route `a/b/c`, Ember will first fire the `activate` on route
115
111
` a ` , then fire the ` activate ` event on route ` a/b ` , and lastly fire the ` activate `
116
112
event on route ` a/b/c ` .
117
113
118
- <<<<<<< HEAD
119
114
` ember-cli-styled ` uses this behavior to apply and remove style class names that correspond
120
115
to a given route as the user routes around your application. All style class names are
121
116
applied the the ` body ` HTML element. In the example above, ` ember-cli-styled ` generate
122
117
a ` body ` element with the following class names:
123
- =======
124
- ## Contributing
125
- >>>>>>> 6dfe9e7 (v3.18.0...v4.12.2)
118
+
126
119
127
120
``` html
128
121
<body class =" route__a route__a-b route__a-b-c" >
129
122
130
123
</body >
131
124
```
132
125
133
- <<<<<<< HEAD
134
126
This allows you to separate styles based on route definitions instead of adding them
135
127
all to ` app.css ` or ` app.scss ` . For example, if you have styles that are applicable
136
128
to all child routes of ` a/b ` , like ` a/b/c ` or ` a/b/d ` , then you can define it in
137
129
` .route__a-b ` .
138
- =======
139
- ## License
140
- >>>>>>> 6dfe9e7 (v3.18.0...v4.12.2)
130
+
141
131
142
132
Happy Coding!
0 commit comments