search

ExactTarget / fuelux-mctheme

Marketing Cloud Theme: Use Fuel UX 3 and Bootstrap 3 to create a user interface with the look & feel of existing Salesforce Marketing Cloud applications. View the latest at
http://fuelux-mctheme.herokuapp.com/
BSD 3-Clause "New" or "Revised" License
19 stars 21 forks source link

Add .inline class for icons known to exist predominantly inline #339

Open scott-joe opened 9 years ago

scott-joe commented 9 years ago

For whatever reason, the .fueluxicon-question-mark icon isn't a part of the icon .fuelux-icon library, but it's own special class. Which isn't a big deal, just thought I'd mention it as well. But it gave me the idea for a class to offset of some sort to vertically center them with the line height instead of the text's baseline location... for this particular use, I simply offset by 2px but it'd be more complex than that to account for many font sizes...I haven't played with the icons enough to know how many of these are used inline with text.

.fueluxicon-question-mark

screen shot 2015-08-05 at 4 35 40 pm

.fueluxicon-question-mark.icon-inline { position: relative; top: 2px; }

screen shot 2015-08-05 at 4 35 46 pm
interactivellama commented 9 years ago

Yes that icon was an ask before we got the awesome SVG stuff going. Probably needs "alignment" --pun intended!

scott-joe commented 9 years ago

lol

Scott Williams

_Sr. Front-End Engineer, UX Architecture_UXDS, Salesforce Marketing Cloud

On Sat, Aug 8, 2015 at 9:33 PM, Stephen James notifications@github.com wrote:

Yes that icon was an ask before we got the awesome SVG stuff going. Probably needs "alignment" --pun intended!

— Reply to this email directly or view it on GitHub https://github.com/ExactTarget/fuelux-mctheme/issues/339#issuecomment-129081597 .