Fast Flow Kit Logo

Borders

Radius

All corners

Class Name
Value
Class Object
border-radius-none
Border Radius (All): None
👉
border-radius-sm
Border Radius (All): 0.125rem
👉
border-radius
Border Radius (All): 0.25rem
👉
border-radius-md
Border Radius (All): 0.375rem
👉
border-radius-lg
Border Radius (All): 0.5rem
👉
border-radius-xl
Border Radius (All): 0.75rem
👉
border-radius-2xl
Border Radius (All): 1rem
👉
border-radius-3xl
Border Radius (All): 1.5rem
👉
border-radius-full
Border Radius (All): 9999px
👉

Top corners

Class Name
Value
Class Object
border-radius-t-none
Border Radius (Top Left - Top Right): None
👉
border-radius-t-sm
Border Radius (Top Left - Top Right): 0.125rem
👉
border-radius-t
Border Radius (Top Left - Top Right): 0.25rem
👉
border-radius-t-md
Border Radius (Top Left - Top Right): 0.375rem
👉
border-radius-t-lg
Border Radius (Top Left - Top Right): 0.5rem
👉
border-radius-t-xl
Border Radius (Top Left - Top Right): 0.75rem
👉
border-radius-t-2xl
Border Radius (Top Left - Top Right): 1rem
👉
border-radius-t-3xl
Border Radius (Top Left - Top Right): 1.5rem
👉
border-radius-t-full
Border Radius (Top Left - Top Right): 9999px
👉

Right corners

Class Name
Value
Class Object
border-radius-r-none
Border Radius (Top Right - Bottom Right): None
👉
border-radius-r-sm
Border Radius (Top Right - Bottom Right): 0.125rem
👉
border-radius-r
Border Radius (Top Right - Bottom Right): 0.25rem
👉
border-radius-r-md
Border Radius (Top Right - Bottom Right): 0.375rem
👉
border-radius-r-lg
Border Radius (Top Right - Bottom Right): 0.5rem
👉
border-radius-r-xl
Border Radius (Top Right - Bottom Right): 0.75rem
👉
border-radius-r-2xl
Border Radius (Top Right - Bottom Right): 1rem
👉
border-radius-r-3xl
Border Radius (Top Right - Bottom Right): 1.5rem
👉
border-radius-r-full
Border Radius (Top Right - Bottom Right): 9999px
👉

Bottom corners

Class Name
Value
Class Object
border-radius-b-none
Border Radius (Bottom Left - Bottom Right): None
👉
border-radius-b-sm
Border Radius (Bottom Left - Bottom Right): 0.125rem
👉
border-radius-b
Border Radius (Bottom Left - Bottom Right): 0.25rem
👉
border-radius-b-md
Border Radius (Bottom Left - Bottom Right): 0.375rem
👉
border-radius-b-lg
Border Radius (Bottom Left - Bottom Right): 0.5rem
👉
border-radius-b-xl
Border Radius (Bottom Left - Bottom Right): 0.75rem
👉
border-radius-b-2xl
Border Radius (Bottom Left - Bottom Right): 1rem
👉
border-radius-b-3xl
Border Radius (Bottom Left - Bottom Right): 1.5rem
👉
border-radius-b-full
Border Radius (Bottom Left - Bottom Right): 9999px
👉

Left corners

Class Name
Value
Class Object
border-radius-l-none
Border Radius (Top Left - Bottom Left): None
👉
border-radius-l-sm
Border Radius (Top Left - Bottom Left): 0.125rem
👉
border-radius-l
Border Radius (Top Left - Bottom Left): 0.25rem
👉
border-radius-l-md
Border Radius (Top Left - Bottom Left): 0.375rem
👉
border-radius-l-lg
Border Radius (Top Left - Bottom Left): 0.5rem
👉
border-radius-l-xl
Border Radius (Top Left - Bottom Left): 0.75rem
👉
border-radius-l-2xl
Border Radius (Top Left - Bottom Left): 1rem
👉
border-radius-l-3xl
Border Radius (Top Left - Bottom Left): 1.5rem
👉
border-radius-l-full
Border Radius (Top Left - Bottom Left): 9999px
👉

Top left corner

Class Name
Value
Class Object
border-radius-tl-none
Border Radius (Top Left): None
👉
border-radius-tl-sm
Border Radius (Top Left): 0.125rem
👉
border-radius-tl
Border Radius (Top Left): 0.25rem
👉
border-radius-tl-md
Border Radius (Top Left): 0.375rem
👉
border-radius-tl-lg
Border Radius (Top Left): 0.5rem
👉
border-radius-tl-xl
Border Radius (Top Left): 0.75rem
👉
border-radius-tl-2xl
Border Radius (Top Left): 1rem
👉
border-radius-tl-3xl
Border Radius (Top Left): 1.5rem
👉
border-radius-tl-full
Border Radius (Top Left): 9999px
👉

Top right corner

Class Name
Value
Class Object
border-radius-tr-none
Border Radius (Top Right): None
👉
border-radius-tr-sm
Border Radius (Top Right): 0.125rem
👉
border-radius-tr
Border Radius (Top Right): 0.25rem
👉
border-radius-tr-md
Border Radius (Top Right): 0.375rem
👉
border-radius-tr-lg
Border Radius (Top Right): 0.5rem
👉
border-radius-tr-xl
Border Radius (Top Right): 0.75rem
👉
border-radius-tr-2xl
Border Radius (Top Right): 1rem
👉
border-radius-tr-3xl
Border Radius (Top Right): 1.5rem
👉
border-radius-tr-full
Border Radius (Top Right): 9999px
👉

Bottom right corner

Class Name
Value
Class Object
border-radius-br-none
Border Radius (Bottom Right): None
👉
border-radius-br-sm
Border Radius (Bottom Right): 0.125rem
👉
border-radius-br
Border Radius (Bottom Right): 0.25rem
👉
border-radius-br-md
Border Radius (Bottom Right): 0.375rem
👉
border-radius-br-lg
Border Radius (Bottom Right): 0.5rem
👉
border-radius-br-xl
Border Radius (Bottom Right): 0.75rem
👉
border-radius-br-2xl
Border Radius (Bottom Right): 1rem
👉
border-radius-br-3xl
Border Radius (Bottom Right): 1.5rem
👉
border-radius-br-full
Border Radius (Bottom Right): 9999px
👉

Bottom left corner

Class Name
Value
Class Object
border-radius-bl-none
Border Radius (Bottom Left): None
👉
border-radius-bl-sm
Border Radius (Bottom Left): 0.125rem
👉
border-radius-bl
Border Radius (Bottom Left): 0.25rem
👉
border-radius-bl-md
Border Radius (Bottom Left): 0.375rem
👉
border-radius-bl-lg
Border Radius (Bottom Left): 0.5rem
👉
border-radius-bl-xl
Border Radius (Bottom Left): 0.75rem
👉
border-radius-bl-2xl
Border Radius (Bottom Left): 1rem
👉
border-radius-bl-3xl
Border Radius (Bottom Left): 1.5rem
👉
border-radius-bl-full
Border Radius (Bottom Left): 9999px
👉

Borders

The border variables are all bound and cannot be overwritten individually.

All borders

Class Name
Value
Class Object
border-none
Borders (All): None
👉
border-solid-1px-black
Borders (All): Style: Solid | Width: 1px | Color: Black
👉
border-dash-1px-white
Borders (All): Style: Dash | Width: 1px | Color: White
👉

Top border

Class Name
Value
Class Object
border-t-none
Borders (Top): None
👉
border-t-solid-1px-black
Borders (Top): Style: Solid | Width: 1px | Color: Black
👉

Right border

Class Name
Value
Class Object
border-r-none
Borders (Right): None
👉
border-r-solid-1px-black
Borders (Right): Style: Solid | Width: 1px | Color: Black
👉

Bottom border

Class Name
Value
Class Object
border-b-none
Borders (Bottom): None
👉
border-b-solid-1px-black
Borders (Bottom): Style: Solid | Width: 1px | Color: Black
👉

Left border

Class Name
Value
Class Object
border-l-none
Borders (Left): None
👉
border-solid-1px-black
Borders (Left): Style: Solid | Width: 1px | Color: Black
👉