My site argylewerewolf.com is a work in progress, but it now supports light & dark modes (with a monstery flair), and WCAG-compliant colours (using named CSS colours only).
Hand-written #Elixir + #PhoenixLiveview guts, #Sass (no Tailwind!) theming, & vanilla JS for light/dark mode.
PS: hire me!
Someone asked how to create such cross-browser wave dividers that keep the same height as the width changes, so here's my take on it https://www.reddit.com/r/css/comments/1kcmabf/comment/mq5ck6m/
Live on @codepen https://codepen.io/thebabydino/pen/PwwQxdb?editors=0100
`mask` is another option, but needs an extra container and container query units, so not as well supported, plus it wouldn't be exactly the same shape.
#Development #Guides
Giving up CSS pre/post-processors · Is it time to move on to native CSS? https://ilo.im/163dhy
_____
#ModernCSS #Sass #Less #Stylus #TailwindCSS #LightningCSS #Browser #WebDev #Frontend #CSS
“Tailwind's @apply Feature is Better Than it Sounds” by Zell Liew
https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/
> Tailwind’s utilities are very powerful by themselves, but they’re even more powerful if you allow yourself to use `@apply` (and allow yourself to detach from traditional Tailwind advice). By doing this, you gain access to Tailwind as a tool instead of it being a dogmatic approach.
️ https://nicolas-hoizey.com/links/2025/04/11/tailwind-s-apply-feature-is-better-than-it-sounds/
I just found a regression in `rsass`, so I published an update 0.29.2.
https://github.com/kaj/rsass/blob/main/CHANGELOG.md#release-0292
https://crates.io/crates/rsass
Other changes are small, but includes an improvement in module names with `_` and `-` characters, as discovered / suggested by @purelinux , and that rsass itself (not rsass-cli or rsass-macros) is now #FreeOfSyn (fitting for a Good Friday release).
#CSS Custom Properties vs. #Sass Variables: A Pragmatic Guide
https://piccalil.li/links/css-custom-properties-vs-sass-variables-a-pragmatic-guide/
“CSS Custom Properties vs. Sass Variables: A Pragmatic Guide” by @sturobson
https://www.alwaystwisted.com/articles/css-vs-sass
> The interplay between Sass variables and CSS custom properties should be a strategic partnership. Over nearly a decade of evolving web practices, one truth persists: robust systems balance rigidity with adaptability. Sass anchors the immutable, CSS custom properties breathe life into any required fluidity.
A guide on the differences between #Sass variables and #CSS custom properties, and ideas on when each should be used. #WebDevelopment https://www.alwaystwisted.com/articles/css-vs-sass
I had to flex my boundaries on a nesting pair of Mockingbirds & put up netting. I don’t care if mockingbirds bring big protective magic, those fucking blueberries are mine. Find something else to eat. #sass #gratitude #garden
“Tailwind's @apply Feature is Better Than it Sounds” by Zell Liew
https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/
> Tailwind’s utilities are very powerful by themselves, but they’re even more powerful if you allow yourself to use `@apply` (and allow yourself to detach from traditional Tailwind advice). By doing this, you gain access to Tailwind as a tool instead of it being a dogmatic approach.
️ https://nicolas-hoizey.com/links/2025/04/11/tailwind-s-apply-feature-is-better-than-it-sounds/
Tailwind’s “@ apply” Feature Is Better Than It Sounds, by @zellwk.bsky.social (@csstricks):
https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/
"#Sass will always prioritize correctness over terse output"
https://github.com/sass/dart-sass/issues/2456#issuecomment-2524205267 #webdev
---
Just saw this myself, today, when I compiled a sass file using Dart SASS 1.86.3 and got
`background-color: rgb(182.0849802372, 218.6976284585, 249.4150197628);`
#Development #Approaches
CSS custom properties vs. Sass variables · How you can combine both with a hybrid approach https://ilo.im/1637te
_____
#Sass #CSS #CustomProperties #Browser #DesignSystems #WebDesign #WebDev #Frontend
new article
A follow up to yesterday's article on CSS custom properties vs. Sass variables here's part 11 in my Design Tokens Workflow Series:
Creating Sass-backed CSS Custom Properties With Style Dictionary
https://www.alwaystwisted.com/articles/a-design-tokens-workflow-part-11
Sass v1.77.x 최근판이 Bootstrap v5에 뱉는 사용 중단(Deprecation) 경고
https://hackers.pub/@mck/2025/sass-bootstrap-quiet-deprecations-warning
“CSS Custom Properties vs. Sass Variables: A Pragmatic Guide” by @sturobson
https://www.alwaystwisted.com/articles/css-vs-sass
> The interplay between Sass variables and CSS custom properties should be a strategic partnership. Over nearly a decade of evolving web practices, one truth persists: robust systems balance rigidity with adaptability. Sass anchors the immutable, CSS custom properties breathe life into any required fluidity.
new article alert
CSS Custom Properties vs. Sass Variables: A Pragmatic Guide
wherein I finish off a ~6 year old draft writing down where and when I use either/or/both options in a modern front-end architecture.
https://www.alwaystwisted.com/articles/css-vs-sass
Saw a @codepen demo using... a lot! of elements (screen 1) and quite a bit of #CSS to create a simple loader, so I forked it and made a 1 div version (screen 2) in under 30 CSS declarations (gradients, mask, variables to only change --c0 and --c1 values for 2nd loader): https://codepen.io/thebabydino/pen/PwoLJLR
Apparently SCSS variables can't be used to declare CSS variables?
This doesn't work:
--width: $sWidth;
SOLVED! See replies.