diff options
1 files changed, 11 insertions, 11 deletions
| -rw-r--r-- | docs/layout.html | 22 |
diff --git a/docs/layout.html b/docs/layout.html index cf09726..8ab3f95 100644 --- a/docs/layout.html +++ b/docs/layout.html @@ -8,8 +8,8 @@ <meta name="author" content="https://github.com/picturepan2/" /> <title>Layout - Spectre.css</title> <link rel="stylesheet" href="css/spectre.css" /> + <link rel="stylesheet" href="css/spectre-icons.css" /> <link rel="stylesheet" href="css/docs.css" /> - <link rel="stylesheet" href="font/style.css" /> </head> <body> <section class="section section-header bg-gray"> @@ -364,7 +364,7 @@ <li><code>show-xl</code> shows elements when the window width is smaller than or equal to <strong>1280px</strong>. </li> </ul> <p>Spectre also has a responsive web test tool Responsive Resizer. You can clone the <a href="https://github.com/picturepan2/responsive-resizer" target="_blank">GitHub Repo</a> to use it locally or use it online.</p> - <p><a href="https://picturepan2.github.io/responsive-resizer/" class="btn btn-primary">Responsive Resizer</a></p> + <p><a href="https://picturepan2.github.io/responsive-resizer/" class="btn btn-primary" target="_blank">Responsive Resizer</a></p> </section> </section> @@ -474,7 +474,7 @@ <div class="tile-subtitle">bruce.banner@hulk.com</div> </div> <div class="tile-action"> - <button class="btn btn-link btn-action btn-lg"><i class="icon icon-mail_outline"></i></button> + <button class="btn btn-link btn-action btn-lg"><i class="icon icon-edit"></i></button> </div> </div> <div class="tile tile-centered"> @@ -483,7 +483,7 @@ <div class="tile-subtitle">bruce.banner</div> </div> <div class="tile-action"> - <button class="btn btn-link btn-action btn-lg"><i class="icon icon-phone"></i></button> + <button class="btn btn-link btn-action btn-lg"><i class="icon icon-edit"></i></button> </div> </div> <div class="tile tile-centered"> @@ -492,12 +492,12 @@ <div class="tile-subtitle">Dayton, Ohio</div> </div> <div class="tile-action"> - <button class="btn btn-link btn-action btn-lg"><i class="icon icon-map"></i></button> + <button class="btn btn-link btn-action btn-lg"><i class="icon icon-edit"></i></button> </div> </div> </div> <div class="panel-footer"> - <button class="btn btn-primary btn-block">Edit</button> + <button class="btn btn-primary btn-block">Save</button> </div> </div> </div> @@ -600,10 +600,10 @@ <p><strong>Empty states/blank slates</strong> are commonly used as placeholders for first time use, empty data and error screens.</p> </section> <div class="columns"> - <div class="column col-8 col-xs-12"> + <div class="column col-12"> <section class="empty"> <div class="empty-icon"> - <i class="icon icon-markunread"></i> + <i class="icon icon-mail"></i> </div> <h4 class="empty-title">You have no new messages</h4> <p class="empty-subtitle">Click the button to start a conversation</p> @@ -612,10 +612,10 @@ </div> </section> </div> - <div class="column col-8 col-xs-12"> + <div class="column col-12"> <section class="empty"> <div class="empty-icon"> - <i class="icon icon-drafts"></i> + <i class="icon icon-mail"></i> </div> <h4 class="empty-title">You've successfully signed up</h4> <p class="empty-subtitle">Click the button to invite your friends</p> @@ -627,7 +627,7 @@ </div> </section> </div> - <div class="column col-8 col-xs-12"> + <div class="column col-12"> <section class="empty"> <div class="empty-icon"> <i class="icon icon-people"></i> |