@@ -24,7 +24,6 @@ Features
2424* Add polymorphic behavior to your styles
2525
2626
27- <<<<<<< HEAD
2827Usage
2928-----------------------------------------------
3029
@@ -98,9 +97,6 @@ that have `foo-bar` added to its `classNames` property.
9897
9998But, How Does It Work?! (TLDR)
10099------------------------------------------------------------------------------
101- =======
102- ## Usage
103- >>>>>>> 6dfe9e7 (v3.18.0...v4.12.2)
104100
105101To understand how ` ember-cli-styled ` works, you must first understand how routes
106102work 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
115111` a ` , then fire the ` activate ` event on route ` a/b ` , and lastly fire the ` activate `
116112event on route ` a/b/c ` .
117113
118- <<<<<<< HEAD
119114` ember-cli-styled ` uses this behavior to apply and remove style class names that correspond
120115to a given route as the user routes around your application. All style class names are
121116applied the the ` body ` HTML element. In the example above, ` ember-cli-styled ` generate
122117a ` body ` element with the following class names:
123- =======
124- ## Contributing
125- >>>>>>> 6dfe9e7 (v3.18.0...v4.12.2)
118+
126119
127120``` html
128121<body class =" route__a route__a-b route__a-b-c" >
129122
130123</body >
131124```
132125
133- <<<<<<< HEAD
134126This allows you to separate styles based on route definitions instead of adding them
135127all to ` app.css ` or ` app.scss ` . For example, if you have styles that are applicable
136128to all child routes of ` a/b ` , like ` a/b/c ` or ` a/b/d ` , then you can define it in
137129` .route__a-b ` .
138- =======
139- ## License
140- >>>>>>> 6dfe9e7 (v3.18.0...v4.12.2)
130+
141131
142132Happy Coding!
0 commit comments