library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-11-24 10:44:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixes #948 renames classNames to class

Browse Source
This commit is contained in:
redonkulus 2022-01-27 09:10:21 -08:00
parent 89bcf34e8e
commit b844a76054
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
site/src/pages/extend/index.js
View File

@ -130,7 +130,7 @@ function Extend() {
{stripIndent` {stripIndent`
<!-- Button to trigger modal --> <!-- Button to trigger modal -->
<p> <p>
<a href="#myModal" role="button" className="pure-button-primary pure-button" data-toggle="modal"> <a href="#myModal" role="button" class="pure-button-primary pure-button" data-toggle="modal">
Launch Pure + Bootstrap Modal Launch Pure + Bootstrap Modal
</a> </a>
</p> </p>
@ -145,15 +145,15 @@ function Extend() {
* *
* Designed and built with all the love in the world @twitter by @mdo and @fat. * Designed and built with all the love in the world @twitter by @mdo and @fat.
--> -->
<div id="myModal" className="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div className="modal-header"> <div class="modal-header">
<h1 id="myModalLabel">A Bootstrap Modal with Pure</h1> <h1 id="myModalLabel">A Bootstrap Modal with Pure</h1>
</div> </div>
<div className="modal-body"> <div class="modal-body">
<p> <p>
This modal is launched by including <em>just</em> the <code>modal.css</code> and <code>modal.js</code> file from Bootstrap, and including Pure to drive all low-level styles. The result is a fully-functional Modal using just a fraction of the CSS. This modal is launched by including <em>just</em> the <code>modal.css</code> and <code>modal.js</code> file from Bootstrap, and including Pure to drive all low-level styles. The result is a fully-functional Modal using just a fraction of the CSS.
</p> </p>
<form className="pure-form pure-form-stacked"> <form class="pure-form pure-form-stacked">
<legend>A Stacked Form</legend> <legend>A Stacked Form</legend>
<label for="email">Email</label> <label for="email">Email</label>
<input id="email" type="text" placeholder="Email"> <input id="email" type="text" placeholder="Email">
@ -165,14 +165,14 @@ function Extend() {
<option>CA</option> <option>CA</option>
<option>IL</option> <option>IL</option>
</select> </select>
<label className="pure-checkbox"> <label class="pure-checkbox">
<input type="checkbox"> Remember me <input type="checkbox"> Remember me
</label> </label>
</form> </form>
</div> </div>
<div className="modal-footer"> <div class="modal-footer">
<button className="pure-button" data-dismiss="modal" aria-hidden="true">Close</button> <button class="pure-button" data-dismiss="modal" aria-hidden="true">Close</button>
<button className="pure-button pure-button-primary">Submit</button> <button class="pure-button pure-button-primary">Submit</button>
</div> </div>
</div> </div>
<script src="//code.jquery.com/jquery-1.9.1.js"></script> <script src="//code.jquery.com/jquery-1.9.1.js"></script>