Slight adjustment to make sure icons don't effect text

This commit is contained in:
Paul Clarke 2016-05-10 18:21:36 +12:00
parent f0d6f6b04e
commit 25f118657e
2 changed files with 12 additions and 10 deletions

File diff suppressed because one or more lines are too long

View File

@ -9,26 +9,28 @@
} }
// Button icons // Button icons
.btn[class*="font-icon-"]::before,
.btn--icon-large[class*="font-icon-"]::before,
.btn--icon-xl[class*="font-icon-"]::before {
position: relative;
margin-right: 6px;
line-height: $line-height-base;
float: left;
}
.btn[class*="font-icon-"]::before { .btn[class*="font-icon-"]::before {
font-size: 16px; font-size: 16px;
position: relative;
top: 3px;
margin-right: 6px;
line-height: 13px;
} }
// Gives button a larger icon // Gives button a larger icon
.btn--icon-large[class*="font-icon-"]::before { .btn--icon-large[class*="font-icon-"]::before {
font-size: 20px; font-size: 20px;
line-height: 20px; top: -1px;
top: 0;
} }
.btn--icon-xl[class*="font-icon-"]::before { .btn--icon-xl[class*="font-icon-"]::before {
font-size: 22px; font-size: 22px;
line-height: 20px;
top: -1px; top: -1px;
float: left;
} }