cloudfour / cloudfour/cloudfour.com-patterns

Explore updates to our fluid type calculations for simplicity and accessibility

未关闭
#2,128 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
:construction_worker: dev 🎨 design 🦮 a11y
主要语言
SCSS
星标
26
派生
3
平均合并
19 小时 32 分钟
30 天内合并 PR
81

描述

## Overview

We last refactored our fluid type calculations in 2021 (#1560), but since then there's been more research and development on the topic.

Our current calculations seem to be working well, but [there may be an accessibility issue with the negative number in the calculations](https://front-end.social/@aardrian@toot.cafe/109824015693243455).

Some more recent calculators do not seem to rely on negative calculations:

- [Utopia: Fluid type scale calculator](https://utopia.fyi/type/calculator/)
- [Min-Max Value Interpolation](https://min-max-calculator.9elements.com/)

We may want to test our fluid type more thoroughly, and possibly revisit our mixin to see if we can generate something even nicer.

贡献指南

打开贡献指南

调研方向

首先检查当前的 fluid type 计算和 mixin,然后将它们的行为与 issue 中链接的 Utopia 和 Min-Max Value Interpolation 参考资料进行比较。测试现有计算是否存在与负值相关的无障碍问题,并记录是否有必要采用更简单的计算或更新 mixin。

由索引模型根据 Issue 内容生成。

评估

技术栈
scss
领域
accessibility, design, frontend
Issue 类型
重构
难度
5/5
预计耗时
一周以上
活跃度
停滞
描述清晰度
需要澄清
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。