Amz
Amz
PostsComments
KPCKevin Powell - Community
Created by Amz on 7/19/2024 in #front-end
How to use curve fitted functions to eliminate media queries
freedom from media queries for simple props
10 replies
KPCKevin Powell - Community
Created by Amz on 7/19/2024 in #front-end
How to use curve fitted functions to eliminate media queries
well, using a simple linear regression formula works great for me
10 replies
KPCKevin Powell - Community
Created by Amz on 7/19/2024 in #front-end
How to use curve fitted functions to eliminate media queries
solved and it works 🙂 i need to test a bit more but looks like i just might be able to remove the extraneous media queries now
10 replies
KPCKevin Powell - Community
Created by Amz on 7/19/2024 in #front-end
How to use curve fitted functions to eliminate media queries
body:before {
    content: counter(w) "x" counter(h) "X" counter(c);
    counter-reset: h var(--h) w var(--w) c calc(11.4691 - calc( -0.001734982 / -0.001198634 ) * calc( 1 - exp( 0.001198634 * var(--w) ) ) );
}
body:before {
    content: counter(w) "x" counter(h) "X" counter(c);
    counter-reset: h var(--h) w var(--w) c calc(11.4691 - calc( -0.001734982 / -0.001198634 ) * calc( 1 - exp( 0.001198634 * var(--w) ) ) );
}
This is now correctly calculating the font size without the units
10 replies
KPCKevin Powell - Community
Created by Amz on 7/19/2024 in #front-end
How to use curve fitted functions to eliminate media queries
Thank you! This is a GREAT start 🙂
10 replies