Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Colors and fontsíze #6

Open
gtbu opened this issue Sep 14, 2020 · 5 comments
Open

Colors and fontsíze #6

gtbu opened this issue Sep 14, 2020 · 5 comments
Labels
enhancement New feature or request

Comments

@gtbu
Copy link

gtbu commented Sep 14, 2020

At the moment i the icons are black. Is it possible to colorize them and adjust the size as with the ckeditor-FA-plugins . At the moment i prefer to load the Fa-all.css from the web which allows that.

@s7eph4n s7eph4n added the question Further information is requested label Sep 14, 2020
@s7eph4n
Copy link
Contributor

s7eph4n commented Sep 14, 2020

This extension just loads the necessary files without any customization.

However, you can easily modify the styles by e.g. adding a rule to MediaWiki:Common.css. I did not try it, but something like this should work:

.fa,
.fas,
.far,
.fal,
.fad,
.fab {
  color: red;
}

@gtbu
Copy link
Author

gtbu commented Sep 15, 2020

As You may guess. i 'd like to adjust color and size and rotation etc manually for every single icon in the text - just as with the ( in Mediawiki not available - ckeditor-FA5-Plugins.
{{#far:...}} needs a parameter extension for that

@s7eph4n
Copy link
Contributor

s7eph4n commented Sep 15, 2020

I don't know these plugins. But a pull request is always welcome.
Please be cautious with the implementation and make sure to properly escape any user inputs.

@s7eph4n s7eph4n added enhancement New feature or request and removed question Further information is requested labels Sep 15, 2020
@resuni
Copy link

resuni commented Sep 27, 2020

As You may guess. i 'd like to adjust color and size and rotation etc manually for every single icon in the text - just as with the ( in Mediawiki not available - ckeditor-FA5-Plugins.
{{#far:...}} needs a parameter extension for that

I'm using HTML to accomplish this:

<span style="color:goldenrod; font-weight:bold;"><span class="far" style="font-size:9em;">{{#far:sticky-note}}</span><br />Notes</span>

It would be nice if the extension had a feature to change size, as it would look way cleaner, but this works.

@WouterRademaker
Copy link

WouterRademaker commented Sep 13, 2023

Some additional classes have been implemented. This gives the same result as your example:
<span style="color:goldenrod; font-weight:bold;">{{#far:sticky-note fa-9x}}<br />Notes</span>
And if you add a rule for the class "goldenrod" then you could write:
{{#far:sticky-note fa-9x goldenrod}}<br /><span class="goldenrod">Notes</span>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

4 participants