--- title: Issue #746: The scope superpower hiding in CSS @function... description: Frontend Focus issue #746 covers several web platform topics: CSS @function evaluation scope and how custom functions resolve variables from their call site... canonical: https://daily.dev/posts/issue-746-the-scope-superpower-hiding-in-css-function-frontend-focus-nyafjwmgw twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Issue #746: The scope superpower hiding in CSS @function — Frontend Focus | daily.dev og:description: Frontend Focus issue #746 covers several web platform topics: CSS @function evaluation scope and how custom functions resolve variables from their call site... og:url: https://daily.dev/posts/issue-746-the-scope-superpower-hiding-in-css-function-frontend-focus-nyafjwmgw og:image: https://api.daily.dev/og/posts/nYAfJWmGw.png og:image:alt: Issue #746: The scope superpower hiding in CSS @function — Frontend Focus og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Issue #746: The scope superpower hiding in CSS @function — Frontend Focus **[Frontend Focus](https://daily.dev/sources/ffocus)** · 3 min read · 9 upvotes · 0 comments ## Summary Frontend Focus issue #746 covers several web platform topics: CSS @function evaluation scope and how custom functions resolve variables from their call site rather than inheriting through the DOM; Safari 27's customizable select element best practices; debugging 3D view transitions and the view transition pseudo-element tree; a JS-to-CSS bridge library (Prop For That) that exposes live JS values like mouse position as CSS custom properties; and the MDN MCP Server for bringing MDN docs into AI agents and IDEs. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [The Scope of CSS @function – Master.dev Blog](https://daily.dev/posts/the-scope-of-css-function-master-dev-blog-zq0o9lpmr) · Frontend Masters · 6 upvotes · 1 comments - [The Fundamentals and Dev Experience of CSS @function – Frontend Masters Blog](https://daily.dev/posts/the-fundamentals-and-dev-experience-of-css-function-frontend-masters-blog-21yo168d7) · Frontend Masters · 6 upvotes · 4 comments - [Issue \#748: The select element, sized just right — Frontend Focus](https://daily.dev/posts/issue-748-the-select-element-sized-just-right-frontend-focus-qauqwjye1) · Frontend Focus · 2 upvotes · 0 comments --- Tags: [#accessibility](https://daily.dev/tags/accessibility), [#css](https://daily.dev/tags/css), [#view-transitions](https://daily.dev/tags/view-transitions), [#webdev](https://daily.dev/tags/webdev) [View this post on daily.dev](https://daily.dev/posts/issue-746-the-scope-superpower-hiding-in-css-function-frontend-focus-nyafjwmgw) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Issue #746: The scope superpower hiding in CSS @function — Frontend Focus","url":"https://daily.dev/posts/issue-746-the-scope-superpower-hiding-in-css-function-frontend-focus-nyafjwmgw","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/issue-746-the-scope-superpower-hiding-in-css-function-frontend-focus-nyafjwmgw"},"datePublished":"2026-06-17T14:37:13.244Z","dateModified":"2026-06-25T02:13:00.758Z","description":"Frontend Focus issue #746 covers several web platform topics: CSS @function evaluation scope and how custom functions resolve variables from their call site...","image":"https://media.daily.dev/image/upload/s--VDukGCjf--/f_auto/v1722860399/public/Placeholder%2002","thumbnailUrl":"https://media.daily.dev/image/upload/s--VDukGCjf--/f_auto/v1722860399/public/Placeholder%2002","isAccessibleForFree":true,"articleSection":"Frontend Focus","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Frontend Focus","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ffocus","url":"https://daily.dev/sources/ffocus"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/issue-746-the-scope-superpower-hiding-in-css-function-frontend-focus-nyafjwmgw","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":9},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"accessibility,css,view-transitions,webdev","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Frontend Focus","item":"https://daily.dev/sources/ffocus"},{"@type":"ListItem","position":3,"name":"Issue #746: The scope superpower hiding in CSS @function — Frontend Focus"}]} ```