CSS Calc() - BlitzCoder.net

-=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- (c) WidthPadding Industries 1987 0\|680\|0 -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=- -=+=-
Socoder -> Web Development -> CSS Calc()
Sat, 09 May 2020, 04:38
Jayenkai	So.. Um.. CSS has a calc() function.. That should help, a LOT!!! -=-=- ''Load, Next List!''
Sat, 09 May 2020, 04:38
Dan	Yeah, there are few nice CSS animations, like this: https://codepen.io/juliangarnier/pen/hzDAF
Sat, 09 May 2020, 06:59
Jayenkai	Far too advanced for me. But the ability to do width:calc(100% - 256px); is absolutely something I've needed a bazillion times. -=-=- ''Load, Next List!''
Sat, 09 May 2020, 11:21
HoboBen	Yup! It annoys me that they never got around to CSS constants (like "$blue=#3333FF, a { color: $blue; }") but I just use Sass for that https://github.com/sass/libsass-python -=-=- blog \| work \| code \| more code
Sat, 09 May 2020, 11:47
Jayenkai	Give it time, I'm sure something like that'll happen. I think that variables are probably "more" functional, for a realtime browser, though. That way you can scale things depending on the viewport, with javascript. Just don't, whatever you do, end up with that god-awful mess that Local Newspapers seem to have, where you load a page, then have to wait 6 hours for the content to stop jumping the hell all over the damn place, before you can read it. .. by which time 17 fullscreen popups have already overlayed whatever it was, you were trying to read, anyway. -=-=- ''Load, Next List!''
Tue, 12 May 2020, 09:20
cyangames	Ahh yes, calc is a daily css tool for over here, it's great for maintaining a solid layout across resolutions. -=-=- Web / Game Dev, occasionally finishes off coding games also!