CSS: Fix button icon centering

This commit is contained in:
Richard Hansen 2021-06-16 02:05:14 -04:00
parent 53cca5a743
commit 251cc7ab32
2 changed files with 3 additions and 9 deletions

View file

@ -24,6 +24,9 @@
font-style: normal; font-style: normal;
font-variant: normal; font-variant: normal;
text-rendering: auto; text-rendering: auto;
display: flex;
justify-content: center;
align-items: center;
} }
.buttonicon:before, [class^="buttonicon-"]:before, [class*=" buttonicon-"]:before { .buttonicon:before, [class^="buttonicon-"]:before, [class*=" buttonicon-"]:before {
@ -34,9 +37,6 @@
font-size: 15px; font-size: 15px;
display: inline-block; display: inline-block;
text-decoration: inherit; text-decoration: inherit;
width: 1em;
margin: 0;
text-align: center;
/* For safety - reset parent styles, that can break glyph codes*/ /* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal; font-variant: normal;

View file

@ -23,9 +23,3 @@ button, .btn
color: #485365; color: #485365;
color: var(--text-color); color: var(--text-color);
} }
.buttonicon:before, [class^="buttonicon-"]:before, [class*=" buttonicon-"]:before {
line-height: 18px;
}