Components

Tailwind Config

Documentation for tailwind config edit.

Breakpoint - added

New Breakpint added as xs at 480px.

Container - Modified

Made container centered by default and added .5rem padding left and right.

Font Family - added

Roboto as .font-body, Nunito as .font-heading, Nioicon as .font-nioicon

Font Size - added

xxs as 11px

Line Height (leading) - added

Added few more value for line height to match with our design,

tighter - 1.1 3.5 - 0.875rem 4.5 - 1.125rem 5.5 - 1.375rem 6.5 - 1.625rem
Letter Spacing (tracking) - added

Added few more value for line height to match with our design,

snug - 0.01em relaxed - 0.2em
Color - added + modified

New color preset added and named as Primary eg: .{property}-primary-{value}

Updated color value for green, yellow, red, cyan, slate and gray.

Spacing - added

Added few value multiplied with .25rem as 1. It's just missing and need values added alongside default values, here is the list,

0.75 - 0.1875rem 4.5 - 1.125rem 5.5 - 1.375rem 6.5 - 1.625rem 7.5 - 1.875rem 13 - 3.25rem 15 - 3.75rem 17 - 4.25rem 18 - 4.5rem 19 - 4.75rem
Border - added

Few extra border value added for convenient, 3,5,6,7. Now we can use .border-{1 to 8}.

© 2024 DashWind. Template by Softnio