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

fixed vertical alignment of icons inside bmd-btn-icon

Browse Source
This commit is contained in:
FezVrasta 2016-08-05 21:24:52 +02:00
parent f321524f16
commit a3e262e2b8
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
scss/_buttons.scss
View File

@ -132,6 +132,7 @@
height: $bmd-btn-icon-size; height: $bmd-btn-icon-size;
margin: 0; margin: 0;
color: inherit; color: inherit;
line-height: 0;
&.bmd-btn-icon-sm, &.bmd-btn-icon-sm,
.btn-group-sm & { .btn-group-sm & {
@ -141,12 +142,10 @@
font-size: $bmd-btn-icon-font-size-sm; font-size: $bmd-btn-icon-font-size-sm;
.material-icons { .material-icons {
//$position: ($bmd-btn-icon-size-sm - $bmd-btn-icon-font-size-sm) / 2;
//top: $position;
//left: $position;
width: $bmd-btn-icon-font-size-sm; width: $bmd-btn-icon-font-size-sm;
font-size: $bmd-btn-icon-font-size-sm; font-size: $bmd-btn-icon-font-size-sm;
line-height: 1; line-height: 1;
vertical-align: middle;
transform: translate(-($bmd-btn-icon-font-size-sm / 2), -($bmd-btn-icon-font-size-sm / 2)); transform: translate(-($bmd-btn-icon-font-size-sm / 2), -($bmd-btn-icon-font-size-sm / 2));
} }
} }
@ -155,10 +154,12 @@
// Align icons inside buttons with text // Align icons inside buttons with text
.material-icons { .material-icons {
position: relative; position: relative;
display: inline-block;
top: .25em; top: .25em;
margin-top: -1em; margin-top: -1em;
margin-bottom: -1em; margin-bottom: -1em;
font-size: 1.5em; font-size: 1.5em;
vertical-align: middle;
} }
// Size variations // Size variations