google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix minor typo in the docs for the layout component. wsk-layout-navigation-link -> wsk-navgation__link

master
Brian Hall 2015-03-22 15:09:54 +01:00
parent a0349adb89
commit c447f77b5c
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layout/README.md
View File

@ -13,14 +13,14 @@ The layout module allows you to build layouts easily, simply by adding a few CSS
<div class="wsk-layout-spacer"></div> <div class="wsk-layout-spacer"></div>
<!-- Navigation --> <!-- Navigation -->
<nav class="wsk-layout-navigation"> <nav class="wsk-layout-navigation">
<a class="wsk-layout-navigation-link" href="">Hello</a> <a class="wsk-navigation__link" href="">Hello</a>
(...) (...)
</nav> </nav>
</div> </div>
<div class="wsk-layout__drawer"> <div class="wsk-layout__drawer">
<span class="wsk-layout-title">Material Design Lite</span> <span class="wsk-layout-title">Material Design Lite</span>
<nav class="wsk-layout-navigation"> <nav class="wsk-layout-navigation">
<a class="wsk-layout-navigation-link" href="">Hello</a> <a class="wsk-navigation__link" href="">Hello</a>
(...) (...)
</nav> </nav>
</div> </div>
@ -248,14 +248,14 @@ Your content goes here :)
</div> </div>
``` ```
- `wsk-layout-navigation` and `wsk-layout-navigation-link`: - `wsk-layout-navigation` and `wsk-navigation__link`:
Used to place a navigation section and navigation links, respectively. They're Used to place a navigation section and navigation links, respectively. They're
styled differently depending on whether they're placed in the header or the styled differently depending on whether they're placed in the header or the
drawer. drawer.
```html ```html
<div class="wsk-layout__header"> <div class="wsk-layout__header">
<nav class="wsk-layout-navigation"> <nav class="wsk-layout-navigation">
<a class="wsk-layout-navigation-link" href="">Hello</a> <a class="wsk-navigation__link" href="">Hello</a>
(...) (...)
</nav> </nav>
</div> </div>
@ -263,7 +263,7 @@ Your content goes here :)
```html ```html
<div class="wsk-layout__drawer"> <div class="wsk-layout__drawer">
<nav class="wsk-layout-navigation"> <nav class="wsk-layout-navigation">
<a class="wsk-layout-navigation-link" href="">Hello</a> <a class="wsk-navigation__link" href="">Hello</a>
(...) (...)
</nav> </nav>
</div> </div>