Heise Medien on Mastodon

26 Beiträge24 Beteiligte4 Beiträge heute

Frontend DogmaCSS System Colors, by @anto.pt:<a href="https://anto.pt/articles/css-system-colors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://anto.pt/articles/css-system-colors</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/colors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#colors</a>

Mia (web luddite)CSS Working Group resolved to allow range syntax in style queries. We can compare with a container variable:@ container style(--var < 5em)But can also compare normal values:style(1em < 20px) style(sibling-count() > 3)This style function can also be used for conditions of inline if()<a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Paweł GrzybekI know that I am a little bit late to the party and everyone else has read and published their responses about it, but hey! Sharing is caring!This iteration of the hot debate between two competing specs for CSS masonry layout finally sounds convincing to me. Do you remember when the `gap` property all of a sudden became available inside flex containers? I have the same kind of vibe by reading this.Geat explainer <a href="https://front-end.social/@jensimmons" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jensimmons</a><a href="https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/</a><a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Marcus Rohrmoser 🌻🦞 <a href="https://digitalcourage.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> System <a href="https://digitalcourage.social/tags/color" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#color</a>s | Lobsters <a href="https://drafts.csswg.org/css-color/#css-system-colors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://drafts.csswg.org/css-color/#css-system-colors</a> <a href="https://digitalcourage.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> <a href="https://digitalcourage.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Design</a> thanks <a href="https://lobste.rs/s/hvjeov/css_system_colors" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://lobste.rs/s/hvjeov/css_system_colors</a> ¹ <a href="https://mro.name/b4z92zg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mro.name/b4z92zg</a>

Frontend DogmaChilled Out Text Underlines, by <a href="https://front-end.social/@chriscoyier" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@chriscoyier</a> (@frontendmasters.com):<a href="https://frontendmasters.com/blog/chilled-out-text-underlines/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://frontendmasters.com/blog/chilled-out-text-underlines/</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/links" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#links</a> <a href="https://mas.to/tags/colors" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#colors</a>

Mia (web luddite)CSS Working Group resolved to add an nth-item() function, for selecting a value from multiple options. That could be useful in a lot of situations, but i'm excited to combine with sibling-index():nth-item(sibling-index(), red, orange, yellow, green, …)<a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Alvaro Montoro"The Jedi use the cascade for knowledge and defense, never for attack." — <a href="https://front-end.social/@mia" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mia</a> <a href="https://front-end.social/tags/smashingConf" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#smashingConf</a> <a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Aral BalkanNew Kitten release• Minor fix: Styles automatically gathered and de-duplicated from the body into the head are now placed _after_ other items in the <head> slot. Since you would expect styles added to the body of the page to override ones in the head, this now brings Kitten’s behaviour in-line with authoring expectations.<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>Enjoy!:kitten:💕<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a>

Roma KomarovNot a joke: CSSWG has resolved to start working on fit-to-width text in css-fonts-5!<a href="https://github.com/w3c/csswg-drafts/issues/2528#issuecomment-2769621512" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://github.com/w3c/csswg-drafts/issues/2528#issuecomment-2769621512</a><a href="https://front-end.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://front-end.social/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Typography</a>

Nicolas Hoizey“Item Flow, Part 1: A new unified concept for layout” by <a href="https://front-end.social/@jensimmons" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jensimmons</a>, Saron Yitbarek, Elika Etemad and Brandon Stewart🔗 <a href="https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://webkit.org/blog/16587/item-flow-part-1-a-new-unified-concept-for-layout/</a>> As we worked through the details, we started to get excited. Suddenly new features for Flexbox and Grid that people have wanted for years had an obvious home. Things seemed to click together elegantly. New capabilities emergedThis is really an exciting…<a href="https://mamot.fr/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mamot.fr/tags/Masonry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Masonry</a> <a href="https://mamot.fr/tags/Grid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Grid</a> <a href="https://mamot.fr/tags/Flexbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Flexbox</a>⚓️ <a href="https://nicolas-hoizey.com/links/2025/04/01/item-flow-part-1-a-new-unified-concept-for-layout/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://nicolas-hoizey.com/links/2025/04/01/item-flow-part-1-a-new-unified-concept-for-layout/</a>

Burton SmithIs there a CSS equivolent to JSDoc? It would be really nice to co-locate my docs next to my CSS variables in my web components.<a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webcomponents</a>

Aral BalkanNew Kitten update• 🥳 Kitten HTML templates and kitten.Component render functions can now be async.<a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://kitten.small-web.org</a>This is quite a big one and it took me finally biting the bullet and getting my head around generators in JavaScript to implement properly.So now you can mix synchronous and asynchronous components as you like and if there are any asynchronous components in your templates they will automatically be awaited (even if you forget to use await) ;)I’ll write a proper post/tutorial/documentation for it soon but for the time being enjoy the screenshots where a layout template gets the latest three posts from my mock fediverse public timeline service and displays them on the page.The kitten.Component version also has a refresh button that streams a different three to the page.For those of you unfamiliar with Kitten, this is all the code in either example. No scaffolding, nothing. Pop either into a file called index.page.js and run kitten in that folder and visit https://localhost to see the example run.Enjoy!:kitten:💕<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/async" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#async</a> <a href="https://mastodon.ar.al/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#components</a> <a href="https://mastodon.ar.al/tags/templates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#templates</a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a> <a href="https://mastodon.ar.al/tags/generators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#generators</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a>

Hacker News 50The <select> element can now be customized with CSSLink: <a href="https://developer.chrome.com/blog/a-customizable-select" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.chrome.com/blog/a-customizable-select</a> Discussion: <a href="https://news.ycombinator.com/item?id=43532830" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://news.ycombinator.com/item?id=43532830</a><a href="https://social.lansky.name/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Frontend DogmaCreating Animated Accordions With the “details” Element and Modern CSS, by <a href="https://front-end.social/@stefan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stefan</a> (@builderio.bsky.social):<a href="https://www.builder.io/blog/animated-css-accordions" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.builder.io/blog/animated-css-accordions</a><a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</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/animations" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#animations</a> <a href="https://mas.to/tags/transitions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#transitions</a>

Ana Tudor 🐯Here's a neat little effect with no text duplication. Uses `background-clip: text` to create the split text face effect + scroll-driven animations to tie the gradient split line position to the 1st section's bottom edge.Live on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> <a href="https://codepen.io/thebabydino/pen/XJWxLWV" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/XJWxLWV</a>cc <a href="https://front-end.social/@bramus" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@bramus</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/scroll" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scroll</a> <a href="https://mastodon.social/tags/scrollAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#scrollAnimation</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/cssAnimation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssAnimation</a> <a href="https://mastodon.social/tags/gradientText" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gradientText</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a>

Tommi 🤯Looking for CMS adviceHey Web devs!Do you have any suggestions, tips, opinions, dos, don’ts about headless CMSes?I have a growing list of small/mid non-profits and collectives asking for my help to (re)make their website. I totally want to help, but I don’t have much time, especially considering that they generally have little or no funding—I would most definitely point them to <a href="https://toot.village.one/@VillageOneCoop" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@VillageOneCoop</a>, otherwise.Therefore, I want a super simple and replicable solution where I can copy-paste most of the code, while providing them with a stable, fast, and modern solution. I had a look at the <a href="https://jamstack.org/headless-cms/" rel="nofollow noopener noreferrer" target="_blank">Headless CMS section in the Jamstack website</a>, but I need opinions from people who actually used some of that software already.Needs<ul><li>I want to code and configure everything using <a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@eleventy</a></li><li>Admin interface (<a href="https://pan.rent/tags/WebApp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebApp</a>) for the client to add pages and write posts</li><li>Static website in the front-end</li><li>Simple and reliable CI/CD</li><li>No/minimal maintenance after the first setup</li><li>Self-hostable (I was taking this for granted so much that I forgot to write it)</li><li>If it requires forge integration, it should support <a href="https://pan.rent/tags/ForgeJo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#ForgeJo</a></li><li><a href="https://pan.rent/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#OpenSource</a></li></ul>Nice to have<ul><li>Possibly using <a href="https://pan.rent/tags/Deno" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Deno</a>, not <a href="https://pan.rent/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#NodeJS</a></li><li>Allowing the client to customize a bit their website through the admin interface, with a GUI</li><li>CMS app packaged on <a href="https://toot.aquilenet.fr/@yunohost" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@yunohost</a></li><li>No CMS vendor lock-in</li><li>I’d love to write as little JavaScript as possible</li><li><a href="https://pan.rent/tags/FreeSoftware" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#FreeSoftware</a></li></ul>Absolutely not<ul><li>Front-end <a href="https://pan.rent/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JavaScript</a> frameworks</li></ul>Please, boost this and ask around! Links to videos, tutorials, and resources are welcome.People whose perspective I would really value: <a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@zachleat</a> <a href="https://mastodon.social/@harryfk" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@harryfk</a> <a href="https://fosstodon.org/@deno_land" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@deno_land</a> <a href="https://indieweb.social/@jaredwhite" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@jaredwhite</a> <a href="https://intuitivefuture.com/@vanillaweb" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@vanillaweb</a> <a href="https://stefanbohacek.online/@stefan" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@stefan</a> <a href="https://front-end.social/@mxbck" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@mxbck</a> <a href="https://caneandable.social/@WeirdWriter" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@WeirdWriter</a> <a href="https://social.wedistribute.org/users/deadsuperhero" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@deadsuperhero</a> (Sorry if I am spamming you!)<a href="https://pan.rent/tags/Eleventy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Eleventy</a> <a href="https://pan.rent/tags/11ty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#11ty</a> <a href="https://pan.rent/tags/CMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CMS</a> <a href="https://pan.rent/tags/HeadlessCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HeadlessCMS</a> <a href="https://pan.rent/tags/Ghost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Ghost</a> <a href="https://pan.rent/tags/DecapCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#DecapCMS</a> <a href="https://pan.rent/tags/CraftCMS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CraftCMS</a> <a href="https://pan.rent/tags/Strapi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Strapi</a> <a href="https://pan.rent/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Web</a> <a href="https://pan.rent/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a> <a href="https://pan.rent/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://pan.rent/tags/StaticGen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StaticGen</a> <a href="https://pan.rent/tags/StaticWebsite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#StaticWebsite</a> <a href="https://pan.rent/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Website</a> <a href="https://pan.rent/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> <a href="https://pan.rent/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://pan.rent/tags/YunoHost" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#YunoHost</a> <a href="https://pan.rent/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#SelfHosting</a> <a href="https://pan.rent/tags/Wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Wordpress</a>

Frontend DogmaMinding the Gaps: A New Way to Draw Separators in CSS, by <a href="https://mas.to/@patrickbrosset" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@patrickbrosset</a> (@msedgedev@x.com):<a href="https://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://blogs.windows.com/msedgedev/2025/03/19/minding-the-gaps-a-new-way-to-draw-separators-in-css/</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/borders" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#borders</a>

Mia (web luddite)Thanks to <a href="https://eigenmagic.net/@sundress" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@sundress</a> & everyone else who has supported OddBird’s open source work this week!We’re about 15% of the way toward our goal on logical shorthands. That will get me started researching the list of impacted properties.If you’d still like to help: <a href="https://opencollective.com/oddbird-open-source/contribute/css-logical-shorthands-86141" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://opencollective.com/oddbird-open-source/contribute/css-logical-shorthands-86141</a><a href="https://front-end.social/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a>

Frontend DogmaPage Speed: Avoid Large Base64 Data URLs in HTML and CSS, by @debugbear.com:<a href="https://www.debugbear.com/blog/base64-data-urls-html-css" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.debugbear.com/blog/base64-data-urls-html-css</a><a href="https://mas.to/tags/performance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#performance</a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#html</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/dataurls" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dataurls</a> <a href="https://mas.to/tags/compression" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#compression</a>

Schalk NeethlingWait, wait, wait. Considering that rem is a valid <length> (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/length" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/length</a>) and syntax accepts <length> (<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@property/syntax#values" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/CSS/@property/syntax#values</a>), why is the following not valid?``` @property --listGap { inherits: true; initial-value: 1rem; syntax: "<length>"; } ```but the following is:``` @property --listGap { inherits: true; initial-value: 12px; syntax: "<length>"; } ```<a href="https://hachyderm.io/tags/css" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#css</a> <a href="https://hachyderm.io/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdev</a>

Frühere Suchanfragen

Suchoptionen

Verwaltet von:

Serverstatistik:

#css