Better icons alignment

old
Javi Velasco 2017-01-20 19:13:10 +01:00
parent 63ef656010
commit 0c2a2964cb
2 changed files with 3 additions and 2 deletions

View File

@ -47,7 +47,7 @@
& > span:not([data-react-toolbox='tooltip']) {
display: inline-block;
line-height: var(--button-height);
vertical-align: top;
vertical-align: middle;
}
& > svg {
@ -131,7 +131,7 @@
height: var(--button-floating-height);
width: var(--button-floating-height);
& .icon {
& .icon:not([data-react-toolbox='tooltip']) {
line-height: var(--button-floating-height);
}

View File

@ -15,6 +15,7 @@ const ButtonTest = () => (
<Button icon='inbox' label='Inbox' flat />
<Button icon='add' floating />
<Button icon='add' floating primary />
<Button href='http://github.com/javivelasco' target='_blank' icon='link' floating accent />
<Button icon='add' floating primary disabled />
<Button icon='add' floating accent mini />
<IconButton icon='favorite' accent />