mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2024-11-14 05:37:01 +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> </fieldset>
{% endexample %} {% 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 %} {% example html %}
<fieldset class="btn-group-sm"> <span class="btn-group-lg">
<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>
<button type="button" class="btn btn-danger btn-fab"> <button type="button" class="btn btn-danger btn-fab">
<i class="material-icons">grade</i> <i class="material-icons">grade</i>
</button> </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> <i class="material-icons">grade</i>
</button> </button>
</fieldset> </span>
{% endexample %} {% endexample %}

7
scss/_buttons.scss
View File

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