mirror/mini-css
1
0
Fork 0
mirror of https://github.com/Chalarangelo/mini.css.git synced 2025-08-13 01:13:59 +02:00
Code Issues Releases Wiki Activity

Button module initial commit

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/v2/DEVLOG.md
View File

@@ -163,4 +163,15 @@
- Added table styling and responsiveness, made customizable etc.
- Added demo table to page, tested.
- Minor consistency reorganization in table module.
- Updated demo page, deployed live.
- Updated demo page, deployed live.
## 20161023
- Removed `table-layout: fixed;` from tables.
- Added `mini-core/button` and started testing button styling.
- Removed the reset for `:-moz-focusring` (`outline: 1px dotted ButtonText`) for buttons as it was unnecessary and didn't look great.
- Moved fix for `::-moz-focus-inner` to the `button` module.
- Moved generic fix for Android, iOS and Safari to `button` module.
- Removed generic styling reset for `button`, `input`, `optgroup`, `select` and `textarea` based on the fact that the styles are already applied in the first rule `html, *`.
- Split some fixes into generic and button-specific.
- Moved `::-webkit-file-upload-button` fixes to the `button` module.

9
docs/v2/index.html
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>