diff --git a/public/docs/ts/latest/tutorial/toh-pt2.jade b/public/docs/ts/latest/tutorial/toh-pt2.jade index fec4cb0b15..235c40f445 100644 --- a/public/docs/ts/latest/tutorial/toh-pt2.jade +++ b/public/docs/ts/latest/tutorial/toh-pt2.jade @@ -166,7 +166,7 @@ include ../../../../_includes/_util-fns Let’s add some styles to our component by setting the `styles` property on the `@Component` decorator to the following CSS classes: ``` - styles: ` + styles: [` .heroes {list-style-type: none; margin-left: 1em; padding: 0; width: 10em;} .heroes li { cursor: pointer; position: relative; left: 0; transition: all 0.2s ease; } .heroes li:hover {color: #369; background-color: #EEE; left: .2em;} @@ -181,7 +181,7 @@ include ../../../../_includes/_util-fns top: -1px; } .selected { background-color: #EEE; color: #369; } - ` + ]` ``` Notice that we again use the back-tick notation for multi-line strings. @@ -438,4 +438,4 @@ include ../../../../_includes/_util-fns ## The Road Ahead Our Tour of Heroes has grown, but it’s far from complete. We want to get data from an asynchronous source using promises, use shared services, and create reusable components. - We’ll learn more about these tasks in the coming tutorial chapters. \ No newline at end of file + We’ll learn more about these tasks in the coming tutorial chapters.