diff options
Improve color variables and class namings
1 files changed, 19 insertions, 19 deletions
| -rw-r--r-- | docs/components.html | 38 |
diff --git a/docs/components.html b/docs/components.html index c69915f..2210325 100644 --- a/docs/components.html +++ b/docs/components.html @@ -403,7 +403,7 @@ <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"bar"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"bar-item tooltip"</span> <span class="atn">data-tooltip</span>=<span class="atv">"25%"</span> <span class="atn">style</span>=<span class="atv">"width:25%;"</span>>25%<<span class="tag">/div</span>> - <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"bar-item"</span> <span class="atn">style</span>=<span class="atv">"width:15%;background:#818BD5;"</span>>15%<<span class="tag">/div</span>> + <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"bar-item"</span> <span class="atn">style</span>=<span class="atv">"width:15%;background:#818bd5;"</span>>15%<<span class="tag">/div</span>> <<span class="tag">/div</span>> </code></pre> @@ -422,7 +422,7 @@ </div> <div class="card-header"> <div class="card-title">Microsoft</div> - <div class="card-meta">Software and hardware</div> + <div class="card-subtitle">Software and hardware</div> </div> <div class="card-body"> Empower every person and every organization on the planet to achieve more. @@ -436,7 +436,7 @@ <div class="card"> <div class="card-header"> <div class="card-title">Apple</div> - <div class="card-meta">Hardware and software</div> + <div class="card-subtitle">Hardware and software</div> </div> <div class="card-image"> <img class="img-responsive" src="img/osx-yosemite.jpg" /> @@ -457,7 +457,7 @@ <div class="card"> <div class="card-header"> <div class="card-title">Google</div> - <div class="card-meta">Software and hardware</div> + <div class="card-subtitle">Software and hardware</div> </div> <div class="card-body"> Organize the world’s information and make it universally accessible and useful. @@ -489,7 +489,7 @@ <div class="card"> <div class="card-header"> <div class="card-title">Apple</div> - <div class="card-meta">Hardware and software</div> + <div class="card-subtitle">Hardware and software</div> </div> <div class="card-body"> To make a contribution to the world by making tools for the mind that advance humankind. @@ -507,7 +507,7 @@ <div class="card-header"> <button class="btn btn-primary float-right"><i class="icon icon-playlist_add"></i></button> <div class="card-title">Google I/O</div> - <div class="card-meta">Software and hardware</div> + <div class="card-subtitle">Software and hardware</div> </div> <div class="card-body"> An immersive, three-day experience focused on exploring the next generation of technology, mobile and beyond. @@ -526,7 +526,7 @@ <<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"card-header"</span>> <<span class="tag">h4</span> <span class="atn">class</span>=<span class="atv">"card-title"</span>>Microsoft<<span class="tag">/h4</span>> - <<span class="tag">h6</span> <span class="atn">class</span>=<span class="atv">"card-meta"</span>>Software and hardware<<span class="tag">/h6</span>> + <<span class="tag">h6</span> <span class="atn">class</span>=<span class="atv">"card-subtitle"</span>>Software and hardware<<span class="tag">/h6</span>> <<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"card-body"</span>> To make a contribution to the world by making tools for the mind that advance humankind. @@ -1267,13 +1267,13 @@ <ul class="pagination"> <li class="page-item page-prev"> <a href="#pagination"> - <p class="page-item-meta">Previous</p> + <p class="page-item-subtitle">Previous</p> <h3 class="page-item-title">Getting started</h3> </a> </li> <li class="page-item page-next"> <a href="#pagination"> - <p class="page-item-meta">Next</p> + <p class="page-item-subtitle">Next</p> <h3 class="page-item-title">Layout</h3> </a> </li> @@ -1288,13 +1288,13 @@ <pre class="code" data-lang="HTML"><code><<span class="tag">ul</span> <span class="atn">class</span>=<span class="atv">"pagination"</span>> <<span class="tag">li</span> <span class="atn">class</span>=<span class="atv">"page-item page-prev"</span>> <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span>> - <<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">"page-item-meta"</span>>Previous<<span class="tag">/p</span>> + <<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">"page-item-subtitle"</span>>Previous<<span class="tag">/p</span>> <<span class="tag">h3</span> <span class="atn">class</span>=<span class="atv">"page-item-title"</span>>Getting started<<span class="tag">/h3</span>> <<span class="tag">/a</span>> <<span class="tag">/li</span>> <<span class="tag">li</span> <span class="atn">class</span>=<span class="atv">"page-item page-next"</span>> <<span class="tag">a</span> <span class="atn">href</span>=<span class="atv">"#"</span>> - <<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">"page-item-meta"</span>>Next<<span class="tag">/p</span>> + <<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">"page-item-subtitle"</span>>Next<<span class="tag">/p</span>> <<span class="tag">h3</span> <span class="atn">class</span>=<span class="atv">"page-item-title"</span>>Layout<<span class="tag">/h3</span>> <<span class="tag">/a</span>> <<span class="tag">/li</span>> @@ -1448,7 +1448,7 @@ </div> <div class="tile-content"> <p class="tile-title">The Avengers</p> - <p class="tile-meta">Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...</p> + <p class="tile-subtitle">Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...</p> </div> <div class="tile-action"> <button class="btn btn-primary">Join</button> @@ -1465,7 +1465,7 @@ </div> <div class="tile-content"> <p class="tile-title">The S.H.I.E.L.D.</p> - <p class="tile-meta">The Strategic Homeland Intervention, Enforcement, and Logistics Division...</p> + <p class="tile-subtitle">The Strategic Homeland Intervention, Enforcement, and Logistics Division...</p> <p> <button class="btn btn-primary btn-sm">Join</button> <button class="btn btn-sm">Contact</button> @@ -1476,7 +1476,7 @@ </div> <section class="notes"> <p>Add a container with the <code>tile</code> class. And add child elements with the <code>tile-icon</code>, <code>tile-content</code> or/and <code>tile-action</code> classes. The <code>tile-icon</code> and <code>tile-action</code> are optional.</p> - <p>There are <code>tile-title</code> and <code>tile-meta</code> classes for title and meta text styles.</p> + <p>There are <code>tile-title</code> and <code>tile-subtitle</code> classes for title and subtitle text styles.</p> </section> <!-- tiles example --> @@ -1488,7 +1488,7 @@ <<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-content"</span>> <<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">"tile-title"</span>>The Avengers<<span class="tag">/p</span>> - <<span class="tag">p</span>>Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...<<span class="tag">/p</span>> + <<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">"tile-subtitle"</span>>Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...<<span class="tag">/p</span>> <<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-action"</span>> <<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">"btn btn-primary"</span>>Join<<span class="tag">/button</span>> @@ -1510,7 +1510,7 @@ </div> <div class="tile-content"> <div class="tile-title">spectre-docs.pdf</div> - <div class="tile-meta">14MB · Public · 1 Jan, 2017</div> + <div class="tile-subtitle">14MB · Public · 1 Jan, 2017</div> </div> <div class="tile-action"> <button class="btn btn-link btn-action"><i class="icon icon-more_vert"></i></button> @@ -1528,7 +1528,7 @@ <<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-content"</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-title"</span>>spectre-docs.pdf<<span class="tag">/div</span>> - <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-meta"</span>>14MB · Public · 1 Jan, 2017<<span class="tag">/div</span>> + <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-subtitle"</span>>14MB · Public · 1 Jan, 2017<<span class="tag">/div</span>> <<span class="tag">/div</span>> <<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">"tile-action"</span>> <<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">"btn btn-link"</span>> @@ -1631,13 +1631,13 @@ <ul class="pagination"> <li class="page-item page-prev"> <a href="layout.html"> - <p class="page-item-meta">Previous</p> + <p class="page-item-subtitle">Previous</p> <h4 class="page-item-title">Layout</h4> </a> </li> <li class="page-item page-next"> <a href="utilities.html"> - <p class="page-item-meta">Next</p> + <p class="page-item-subtitle">Next</p> <h4 class="page-item-title">Utilities</h4> </a> </li> |