Skip to content
This repository has been archived by the owner on Jan 24, 2024. It is now read-only.

Add fluid spacing scale #102

Merged
merged 2 commits into from
Aug 28, 2023
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
39 changes: 32 additions & 7 deletions theme.json
Original file line number Diff line number Diff line change
Expand Up @@ -115,13 +115,38 @@
"wideSize": "1280px"
},
"spacing": {
"spacingScale": {
"increment": 1.5,
"mediumStep": 1.5,
"operator": "*",
"steps": 7,
"unit": "rem"
},
"spacingSizes": [
{
"name": "1",
"size": "min(24px, 4vw)",
"slug": "10"
},
{
"name": "2",
"size": "min(36px, 6vw)",
"slug": "20"
},
{
"name": "3",
"size": "min(60px, 10vw)",
richtabor marked this conversation as resolved.
Show resolved Hide resolved
"slug": "30"
},
{
"name": "4",
"size": "min(96px, 16vw)",
"slug": "40"
},
{
"name": "5",
"size": "min(156px, 26vw)",
"slug": "50"
},
{
"name": "6",
"size": "min(252px, 42vw)",
"slug": "60"
}
],
"units": [
"%",
"px",
Expand Down