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

推荐订阅源

Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
月光博客
月光博客
MyScale Blog
MyScale Blog
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
爱范儿
爱范儿
P
Proofpoint News Feed
人人都是产品经理
人人都是产品经理
Last Week in AI
Last Week in AI
罗磊的独立博客
G
Google Developers Blog
Y
Y Combinator Blog
博客园 - 【当耐特】
WordPress大学
WordPress大学
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
J
Java Code Geeks
酷 壳 – CoolShell
酷 壳 – CoolShell
V
Visual Studio Blog
美团技术团队
宝玉的分享
宝玉的分享
Jina AI
Jina AI
小众软件
小众软件
T
Tailwind CSS Blog
A
About on SuperTechFans

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.