geist mono

geist mono

Search…

Calc width

Calc width

Calc width

100% - 10px
100% - 200px
100% + 50px
50% + 10px

Updated:

Nov 8, 2023

Type:

Override

Notes

  • Get more granular control over the width of your elements.

  • You can use the same function to rotate the hue of the colour to create gradient patterns.

  • Use this syntax to edit the width:

width: "calc(100% - 200px)"

Help

How do I add code overrides?