Borders

Estimated reading: 1 minute 25 views

These classes will color, stylize and add radius to any border or corners.

				
					 .border {}      
.border-0 {}    
.border-2 {}    
.border-4 {}    
.border-8 {}    

// Modifiers
 .border-{t, b, l, f}-*
 // Colors
 .border-{color}-{shade (100-900)}
 // Border Style
 .border-solid {}
 .border-dashed {}
 .border-dotted {}
 .border-double {}
 .border-none {}
 // Border Radius
 .rounded-none {}    
.rounded-sm {}      
.rounded {}         
.rounded-lg {}      

 .rounded-full {}    

				
			
Share this Doc

Borders

Or copy link