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

add button groups to manual test page

Browse Source
This commit is contained in:
Tilo Mitra 2013-07-23 11:27:22 -04:00 committed by sbertal
parent d4e401be82
commit 7641b87740
1 changed files with 52 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/buttons/tests/manual/button.html
View File

@ -48,7 +48,7 @@
color: #fff; color: #fff;
box-shadow: none; box-shadow: none;
} }
.custom-fonts { .custom-fonts {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
@ -124,6 +124,56 @@
<input type="submit" class="pure-button pure-button-primary" value="Submit"> <input type="submit" class="pure-button pure-button-primary" value="Submit">
<input type="button" class="pure-button pure-button-primary" value="Input Button"> <input type="button" class="pure-button pure-button-primary" value="Input Button">
<input type="reset" class="pure-button pure-button-primary" value="Reset"> <input type="reset" class="pure-button pure-button-primary" value="Reset">
</p> </p>
<h2>Button Groups</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="pure-button-group">
<input type="submit" class="pure-button pure-button-primary" value="Submit">
<input type="button" class="pure-button pure-button-primary" value="Input Button">
<input type="reset" class="pure-button pure-button-primary" value="Reset">
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="pure-button-group">
<a href="#" class="pure-button pure-button-primary" value="Submit">Testing</a>
<a href="#" class="pure-button pure-button-primary" value="Input Button">Button</a>
<a href="#" class="pure-button pure-button-primary pure-button-active" value="Reset">Groups</a>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<div class="pure-button-group">
<button class="pure-button">Lorem</button>
<button class="pure-button pure-button-active">Ipsum</button>
<button class="pure-button">Dolor</button>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</body> </body>
</html> </html>