mastodon.ie

0 posts0 participants0 posts today

Frontend DogmaCreating CSS Theme Variables From a JS File, by <a href="https://front-end.social/@michelle" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@michelle</a>:<a href="https://css-irl.info/creating-css-variables-from-a-js-file/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://css-irl.info/creating-css-variables-from-a-js-file/</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/theming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#theming</a> <a href="https://mas.to/tags/customproperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#customproperties</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mas.to/tags/conversion" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#conversion</a>

Nicolas Hoizey“CSS Custom Properties vs. Sass Variables: A Pragmatic Guide” by <a href="https://front-end.social/@sturobson" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@sturobson</a>🔗 <a href="https://www.alwaystwisted.com/articles/css-vs-sass" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.alwaystwisted.com/articles/css-vs-sass</a>> 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 href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mamot.fr/tags/Sass" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Sass</a> <a href="https://mamot.fr/tags/customProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#customProperties</a>⚓️ <a href="https://nicolas-hoizey.com/links/2025/04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://nicolas-hoizey.com/links/2025/04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/</a>

Frontend DogmaMaybe Don’t Use Custom Properties in Shorthand Properties, by <a href="https://front-end.social/@matuzo" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@matuzo</a>:<a href="https://www.matuzo.at/blog/2025/invalid-custom-properties-in-shorthands" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.matuzo.at/blog/2025/invalid-custom-properties-in-shorthands</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/shorthands" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#shorthands</a> <a href="https://mas.to/tags/customproperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#customproperties</a>

Frontend DogmaCustom Property Fallbacks, by @matthewmorete.com (@frontendmasters.com):<a href="https://frontendmasters.com/blog/custom-property-fallbacks/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://frontendmasters.com/blog/custom-property-fallbacks/</a><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mas.to/tags/customproperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#customproperties</a>

EpiphytNachdem ich einige Zeit mit FSE-Themes gespielt habe, ist der beste Teil für mich die umfangreiche Verwendung von CSS custom Properties. So fand ich einen schicken Weg, um auf die Admin-Leiste zu prüfen, wenn ein fixierter Header verwendet wird.<a href="https://epiph.yt/blog/2024/hoehe-der-wp-admin-leiste-mit-css-custom-properties/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://epiph.yt/blog/2024/hoehe-der-wp-admin-leiste-mit-css-custom-properties/</a><a href="https://dewp.space/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://dewp.space/tags/FSE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FSE</a> <a href="https://dewp.space/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://dewp.space/tags/CustomProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CustomProperties</a>

Jürgen WössnerI so often get annoyed with <a href="https://typo.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://typo.social/tags/tutorials" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tutorials</a> whose half of the code is variables, just to reduce redundancy. They would be much quicker to understand in pure CSS. If I need a value just barely twice, I'd rather write "0.3s" twice instead of "var(--blah-motion-duration)". What the fuck? You don't need to show off that you understand <a href="https://typo.social/tags/CustomProperties" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CustomProperties</a>.

Recent searches

Search options

Administered by:

Server stats:

#customproperties