惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Jina AI
Jina AI
S
SegmentFault 最新的问题
D
DataBreaches.Net
H
Help Net Security
有赞技术团队
有赞技术团队
M
MIT News - Artificial intelligence
Martin Fowler
Martin Fowler
IT之家
IT之家
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
腾讯CDC
罗磊的独立博客
Y
Y Combinator Blog
阮一峰的网络日志
阮一峰的网络日志
云风的 BLOG
云风的 BLOG
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
WordPress大学
WordPress大学
Microsoft Security Blog
Microsoft Security Blog
J
Java Code Geeks
Vercel News
Vercel News
Hugging Face - Blog
Hugging Face - Blog
aimingoo的专栏
aimingoo的专栏
Stack Overflow Blog
Stack Overflow Blog
Recent Announcements
Recent Announcements
博客园 - 三生石上(FineUI控件)

Utopia

Fluid responsive typography: easy when you know how Utopian project kickstarter: designing a fluid responsive website in a static tool like Figma Type scale graphs Figma plugin and kickstarter V2 Readable clamp() with PostCSS Utopia Utopia SCSS library Clamp calculator Utopia Fluid Type + Space Calculator now supports Figma variables Designing a Utopian layout grid: Working with fluid responsive values in a static design tool. Getting started with Utopia Figma Plugins A video introduction to Utopia Painting with a fluid space palette Designing with a fluid space palette Clamp Utopian CSS generator, an iteration Dealing with negativity in fluid type scales Fluid custom properties CSS-only fluid modular type scales Designing with fluid type scales
Generate all pair permutations in Utopia SCSS
dev@clearlef · 2025-05-19 · via Utopia

A new allPairs parameter has been added to utopia-core-scss.

When this boolean paramater is applied to utopia.generateSpaceScale, all possible permutations of the positive and negative space steps will be generated. For a small set of steps, this convenient addition allows you to focus on painting with space, rather than remembering to keep your customSizes list up to date. To that end, if you're using this property, you can omit the customSizes property.

Be aware, however, that if you have a larger number of negativeSteps / positiveSteps, this will result in a much larger final CSS output. Consider using a tool such as PurgeCSS to remove any unused CSS custom properties at build time to get the best developer and user experience.

allPairs is also supplied as a new property in the result of utopia.calculateSpaceScale, should you wish to create your own custom generation of the space scale.

This is available in the latest version of Utopia Core SCSS, now at version 1.3.0.