--- title: Issue #749: Edge gets started on CSS mixins — Frontend Focus description: Frontend Focus issue #749 covers CSS mixins arriving in Chromium via Microsoft's Edge team, Safari Technology Preview 247 with a new MCP server for web... canonical: https://daily.dev/posts/issue-749-edge-gets-started-on-css-mixins-frontend-focus-phhyetrtp twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Issue #749: Edge gets started on CSS mixins — Frontend Focus | daily.dev og:description: Frontend Focus issue #749 covers CSS mixins arriving in Chromium via Microsoft's Edge team, Safari Technology Preview 247 with a new MCP server for web... og:url: https://daily.dev/posts/issue-749-edge-gets-started-on-css-mixins-frontend-focus-phhyetrtp og:image: https://api.daily.dev/og/posts/PhHYEtrTP.png og:image:alt: Issue #749: Edge gets started on CSS mixins — 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 #749: Edge gets started on CSS mixins — Frontend Focus **[Frontend Focus](https://daily.dev/sources/ffocus)** · 3 min read · 1 upvotes · 0 comments ## Summary Frontend Focus issue #749 covers CSS mixins arriving in Chromium via Microsoft's Edge team, Safari Technology Preview 247 with a new MCP server for web developers and calc-mix() support, the new CSS border-shape property, fluid typography with CSS progress(), Google's agent-ready Lighthouse toolkit, and a 20-year retrospective on frontend evolution. Also includes a GTA2 browser port with WebRTC multiplayer. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### Is Chromium getting native support for CSS mixins? Yes, Microsoft's Edge team has begun implementing CSS mixins in Chromium, though it is still early days. CSS mixins let developers define reusable blocks of styles with arguments, similar to Sass mixins but built directly into the browser via the CSS spec for custom functions and mixins. _Track browser engine changes like this on daily.dev before they hit stable and affect your CSS workflow._ ### What does the Safari MCP server in Safari Technology Preview 247 do? It is a new Model Context Protocol server feature that lets AI agents see how code actually renders inside a real Safari browser window, connecting agent tooling directly to browser rendering. Safari Technology Preview 247 also adds support for calc-mix() and includes numerous CSS and rendering bug fixes. _Developers wiring AI agents into their browser testing workflow can follow releases like this on daily.dev._ ### What does Google's agent-ready toolkit for websites check? Google released a Lighthouse-based toolkit that audits how agent-friendly a website is, checking accessibility tree quality, layout stability, and WebMCP integration. The score is currently informational only, functioning as a hygiene checklist rather than a ranking factor, from Kulikowski and Hablich at Google. _Teams preparing sites for AI agent traffic can keep tabs on tooling shifts like this via daily.dev._ ## Similar posts on daily.dev - [Issue \#758: When CSS could run JavaScript — Frontend Focus](https://daily.dev/posts/issue-758-when-css-could-run-javascript-frontend-focus-wdmfmtcwj) · Frontend Focus · 2 upvotes · 0 comments - [Frontend Focus Issue 738: April 22, 2026](https://daily.dev/posts/frontend-focus-issue-738-april-22-2026-cpcsl8dke) · Frontend Focus · 7 upvotes · 0 comments - [New to the web platform in May](https://daily.dev/posts/new-to-the-web-platform-in-may-1vuhyespd) · web.dev · 18 upvotes · 4 comments - [Chrome for Developers](https://daily.dev/posts/chrome-for-developers-zaxez1vzs) · Chrome Developers · 30 upvotes · 2 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css), [#frontend](https://daily.dev/tags/frontend) [View this post on daily.dev](https://daily.dev/posts/issue-749-edge-gets-started-on-css-mixins-frontend-focus-phhyetrtp) ```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 #749: Edge gets started on CSS mixins — Frontend Focus","url":"https://daily.dev/posts/issue-749-edge-gets-started-on-css-mixins-frontend-focus-phhyetrtp","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/issue-749-edge-gets-started-on-css-mixins-frontend-focus-phhyetrtp"},"datePublished":"2026-07-08T16:03:09.840Z","dateModified":"2026-09-14T08:39:22.463Z","description":"Frontend Focus issue #749 covers CSS mixins arriving in Chromium via Microsoft's Edge team, Safari Technology Preview 247 with a new MCP server for web...","image":"https://media.daily.dev/image/upload/s--OHB84bZF--/f_auto/v1722860399/public/Placeholder%2010","thumbnailUrl":"https://media.daily.dev/image/upload/s--OHB84bZF--/f_auto/v1722860399/public/Placeholder%2010","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-749-edge-gets-started-on-css-mixins-frontend-focus-phhyetrtp","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,css,frontend","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 #749: Edge gets started on CSS mixins — Frontend Focus"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/issue-749-edge-gets-started-on-css-mixins-frontend-focus-phhyetrtp#faq","mainEntity":[{"@type":"Question","name":"Is Chromium getting native support for CSS mixins?","acceptedAnswer":{"@type":"Answer","text":"Yes, Microsoft's Edge team has begun implementing CSS mixins in Chromium, though it is still early days. CSS mixins let developers define reusable blocks of styles with arguments, similar to Sass mixins but built directly into the browser via the CSS spec for custom functions and mixins. Track browser engine changes like this on daily.dev before they hit stable and affect your CSS workflow."}},{"@type":"Question","name":"What does the Safari MCP server in Safari Technology Preview 247 do?","acceptedAnswer":{"@type":"Answer","text":"It is a new Model Context Protocol server feature that lets AI agents see how code actually renders inside a real Safari browser window, connecting agent tooling directly to browser rendering. Safari Technology Preview 247 also adds support for calc-mix() and includes numerous CSS and rendering bug fixes. Developers wiring AI agents into their browser testing workflow can follow releases like this on daily.dev."}},{"@type":"Question","name":"What does Google's agent-ready toolkit for websites check?","acceptedAnswer":{"@type":"Answer","text":"Google released a Lighthouse-based toolkit that audits how agent-friendly a website is, checking accessibility tree quality, layout stability, and WebMCP integration. The score is currently informational only, functioning as a hygiene checklist rather than a ranking factor, from Kulikowski and Hablich at Google. Teams preparing sites for AI agent traffic can keep tabs on tooling shifts like this via daily.dev."}}]} ```