mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-11 04:07:55 +03:00
Code Issues Packages Projects Releases Wiki Activity

done with buttons review

Browse Source
This commit is contained in:
Kevin Ross 2015-12-21 10:28:56 -06:00
parent c82a180ecd
commit 6bbfecf7aa
2 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
docs/material-design/buttons.md
View File

@ -114,31 +114,27 @@ group: material-design
</fieldset>
{% endexample %}
### Mini
### Sizes
Using `btn-fab-sm` on the button, or using `btn-group-sm` on the enclosing element of a `btn-fab` renders a small variation.
{% example html %}
<fieldset class="btn-group-sm">
<button type="button" class="btn btn-primary btn-fab">
<i class="material-icons">grade</i>
</button>
<button type="button" class="btn btn-secondary btn-fab">
<i class="material-icons">grade</i>
</button>
<button type="button" class="btn btn-success btn-fab">
<i class="material-icons">grade</i>
</button>
<button type="button" class="btn btn-info btn-fab">
<i class="material-icons">grade</i>
</button>
<button type="button" class="btn btn-warning btn-fab">
<i class="material-icons">grade</i>
</button>
<span class="btn-group-lg">
<button type="button" class="btn btn-danger btn-fab">
<i class="material-icons">grade</i>
</button>
<button type="button" class="btn btn-danger btn-fab active">
</span>
<button type="button" class="btn btn-danger btn-fab">
<i class="material-icons">grade</i>
</button>
<button type="button" class="btn btn-danger btn-fab btn-fab-sm">
<i class="material-icons">grade</i>
</button>
<span class="btn-group-sm">
<button type="button" class="btn btn-danger btn-fab">
<i class="material-icons">grade</i>
</button>
</fieldset>
</span>
{% endexample %}

7
scss/_buttons.scss
View File

@ -18,6 +18,13 @@
@include undo-bs-tab-focus();
// kill focus outline on firefox
//button::-moz-focus-inner {
// border: 0;
//}
//--
// Colors