Materialize does not have font-size features #6638
Comments
|
You can import your own css. If your using nodes like framework like next or sapper just import it in the _layout file. if more of a SPA import in the app.js css file would like like .xs {font-size: 0.75rem!important} |
|
Not really en elegant solution is it? Any reason why it is this way? |
Hey Nomuna, I've just been reviewing this and the implementation of flow-text. Flow-text does appear to be a reasonable solution. Yes there are static sizes defined based on the view port size but they are relative to your body font-size so you could override your html (although I always set mine on body) font-size (in %) then your flow-text size would be adjusted accordingly. The only more elegant solution I can think of is to use a the "vw" or "vh" to scale the text size but when I used this previously it's very subjective what is the correct value to scale. In my instance I was using it on a heading that had to fit about 50% of the screen width which is not the value I would have used on paragraph text. Any opinions on these approaches? Btw you should jump over to https://github.com/materializecss/materialize (which is the active fork of this project) and raise this there as we are currently assessing items to be included in the next release. |
|
@jshster Thanks for the info. |
Like the 6 different forms of headings, z-depth, push and pull -
Please add a features for changing the font size of 6 - 10 different forms in materialize way.
I know there is a feature called
flow-text, but its size is not customisable. In desktop screens, these text is much larger than actually needed.There should be 6 - 10 different forms of font-sizes in materialise way.
Please add this feature also, We have to use custom css for changing font-size
The text was updated successfully, but these errors were encountered: