question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Hi,

I’m trying to access the scaling selectors within FA. e.g.

fa fa-camera-retro fa-2x

I’ve tried this:

graph LR
    T["fa:fa-camera-retro fa-2x Camera"]

However it doesn’t recognise the fa-2x element.

Regards,

Carl

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Reactions:2
  • Comments:7

github_iconTop GitHub Comments

1reaction
davecgcommented, Dec 10, 2015

This is a separate issue, but also related to font-awesome:

It looks like nodes are ignoring font-awesome characters for sizing. You can see this on the main page in the FA example:

graph TD B[“fa:fa-twitter for peace”] B–>C[fa:fa-ban forbidden] B–>D(fa:fa-spinner); B–>E(A fa:fa-camera-retro perhaps?);

The fa-spinner icon is obscured because the node ignores its width. (At least on Chrome and Safari.)

If there is text after the FA icon, everything is fine.

1reaction
knsvcommented, Nov 15, 2015

Hi,

thats not implemented yet. I just tried to hardcode the size casses as a proof of concept and that worked fine so it should not ba a big problem to implement.

Maybe the syntax then should be:

T["fa:fa-camera-retro:fa-2x Camera"]

Need to know whats text and whats classed for font awesome.

I am working with classDiagrams right now I will wait with this until that is completed.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Font Awesome
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. Start for Free Get More...
Read more >
Font Awesome Intro - W3Schools
Font Awesome is designed to be used with inline elements. The <i> and <span> elements are widely used for icons. Also note that...
Read more >
FortAwesome/Font-Awesome: The iconic SVG, font ... - GitHub
Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators.
Read more >
font-awesome - Libraries - cdnjs - The #1 free and open ...
The iconic SVG, font, and CSS toolkit - Simple. Fast. Reliable. Content delivery at its finest. cdnjs is a free and open-source CDN...
Read more >
Font Awesome – WordPress plugin
The official way to use Font Awesome Free or Pro icons on your site, brought to you by the Font Awesome team. Features....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found