deaton72 Posted April 16, 2021 Share Posted April 16, 2021 Site URL: https://corn-apricot-zn88.squarespace.com/ Hello I am trying to use the following formula to makee my home page text responsive. Min font size is 22 px max is 66px. I think for SS i have to add ~ and ", but I am not sure where to put it. My calc never seems to work. #block h2{ font-size: calc(22px + (66- 22) * ((100vw - 300px) / (2200 - 300))); } Thank you! bangank36 1 Link to comment
0 bangank36 Posted April 17, 2021 Share Posted April 17, 2021 4 hours ago, deaton72 said: Site URL: https://corn-apricot-zn88.squarespace.com/ Hello I am trying to use the following formula to makee my home page text responsive. Min font size is 22 px max is 66px. I think for SS i have to add ~ and ", but I am not sure where to put it. My calc never seems to work. #block h2{ font-size: calc(22px + (66- 22) * ((100vw - 300px) / (2200 - 300))); } Thank you! I used this trick and it work CSS3 calc() in LESS CSS (Example) (coderwall.com) deaton72 1 Greeting, it's BaNgan from BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Youtube Gallery for SquarespaceIf you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you Link to comment
Question
deaton72
Site URL: https://corn-apricot-zn88.squarespace.com/
Hello
I am trying to use the following formula to makee my home page text responsive. Min font size is 22 px max is 66px. I think for SS i have to add ~ and ", but I am not sure where to put it. My calc never seems to work.
#block h2{ font-size: calc(22px + (66- 22) * ((100vw - 300px) / (2200 - 300))); }
Thank you!
Link to comment
Top Posters For This Question
1
1
Popular Days
Apr 16
1
Apr 17
1
Top Posters For This Question
deaton72 1 post
bangank36 1 post
Popular Days
Apr 16 2021
1 post
Apr 17 2021
1 post
Popular Posts
deaton72
Site URL: https://corn-apricot-zn88.squarespace.com/ Hello I am trying to use the following formula to makee my home page text responsive. Min font size is 22 px max is 66px. I think fo
bangank36
I used this trick and it work CSS3 calc() in LESS CSS (Example) (coderwall.com)
1 answer to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment