-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
75266d0
commit 3358520
Showing
1 changed file
with
13 additions
and
58 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,70 +1,25 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1.0"> | ||
| <link rel="icon" href="<%= BASE_URL %>favicon.ico"> | ||
| <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons"> | ||
| <meta charset="utf-8" /> | ||
| <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
| <meta name="viewport" content="width=device-width,initial-scale=1.0" /> | ||
| <link rel="icon" href="<%= BASE_URL %>favicon.ico" /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="//fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Material+Icons" | ||
| /> | ||
| <title><%= htmlWebpackPlugin.options.title %></title> | ||
| </head> | ||
| <body> | ||
| <noscript> | ||
| <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> | ||
| <strong | ||
| >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work | ||
| properly without JavaScript enabled. Please enable it to | ||
| continue.</strong | ||
| > | ||
| </noscript> | ||
| <div id="app"></div> | ||
| <!-- built files will be auto injected --> | ||
| <div class="kite-card kite-card--accordion"> | ||
| <div class="kite-accordion"> | ||
| <div class="kite-accordion__row"> | ||
| <button class="kite-accordion__row-button" aria-expanded="false" type="button"> | ||
| <span class="kite-accordion__row-inner"> | ||
| <p class="kite-accordion__row-title"> Card Implementation</p> | ||
| <span class="kite-accordion__row-right-block"> | ||
| <p class="kite-accordion__row-label kite-accordion__row-label-alert">Alert Label</p> | ||
| <svg class="kite-accordion__row-icon" aria-hidden="true" role="img" focusable="false"> | ||
| <use xlink:href="kite-icons.svg#ki-chevron-down"></use> | ||
| </svg> | ||
| </span> | ||
| </span> | ||
| </button> | ||
| <div class="kite-accordion__row-content"> | ||
| <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facilis temporibus earum optio repudiandae neque a cum placeat quaerat distinctio nam, magnam labore soluta possimus asperiores non ab. Veniam, ut repellendus.</p> | ||
| </div> | ||
| </div> | ||
| <div class="kite-accordion__row"> | ||
| <button class="kite-accordion__row-button" aria-expanded="false" type="button"> | ||
| <span class="kite-accordion__row-inner"> | ||
| <p class="kite-accordion__row-title">Title text</p> | ||
| <span class="kite-accordion__row-right-block"> | ||
| <p class="kite-accordion__row-label kite-accordion__row-label-success">Success Label</p> | ||
| <svg class="kite-accordion__row-icon" aria-hidden="true" role="img" focusable="false"> | ||
| <use xlink:href="kite-icons.svg#ki-chevron-down"></use> | ||
| </svg> | ||
| </span> | ||
| </span> | ||
| </button> | ||
| <div class="kite-accordion__row-content"> | ||
| <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facilis temporibus earum optio repudiandae neque a cum placeat quaerat distinctio nam, magnam labore soluta possimus asperiores non ab. Veniam, ut repellendus.</p> | ||
| </div> | ||
| </div> | ||
| <div class="kite-accordion__row"> | ||
| <button class="kite-accordion__row-button" aria-expanded="false" type="button"> | ||
| <span class="kite-accordion__row-inner"> | ||
| <p class="kite-accordion__row-title">No label</p> | ||
| <span class="kite-accordion__row-right-block"> | ||
| <svg class="kite-accordion__row-icon" aria-hidden="true" role="img" focusable="false"> | ||
| <use xlink:href="kite-icons.svg#ki-chevron-down"></use> | ||
| </svg> | ||
| </span> | ||
| </span> | ||
| </button> | ||
| <div class="kite-accordion__row-content"> | ||
| <h4 class="kite-type-style--title-5">More Complex Content</h4> | ||
| <p>Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue.</p> | ||
| <button class="kite-button kite-button--primary">Edit</button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |