1
0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-30 17:19:46 +02:00

Button module initial commit

This commit is contained in:
Angelos Chalaris
2016-10-23 09:14:18 +03:00
parent ae235b3f10
commit 5eda91c45a
7 changed files with 79 additions and 157 deletions

View File

@@ -10,7 +10,7 @@
<link rel="icon" type="image/png" href="favicon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<!-- Live demo styled as of 20161021 -->
<link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/c9d597fac2ede99d97850a5c1f150714e1cacf0e/flavors/v2/mini-default.min.css">
<!-- <link rel="stylesheet" href="https://cdn.rawgit.com/Chalarangelo/mini.css/c9d597fac2ede99d97850a5c1f150714e1cacf0e/flavors/v2/mini-default.min.css"> -->
<link rel="stylesheet" href="../../flavors/v2/mini-default.css">
<style>
#top-logo {
@@ -253,6 +253,13 @@
</tbody>
</table>
<br>
<h3>Buttons</h3>
<p>Buttons are already pre-styled in <strong>mini.css</strong> to allow for consistent presentation. However, there is a lot you can do to customize them, as the pre-applied styles are mostly overrides for the default presentation styles. Pre-styled buttons and other button-like inputs can be seen below:</p>
<button>Normal button</button><br>
<input type="button" value="Input button"><br>
<input type="submit" value="Submit button"><br>
<input type="reset" value="Reset button"><br>
<input type="file" value="File button"><br>
</div>
</div>
</div>