Responsive web Framework

DOCUMENTATION

Borders

NOT AVAILABLE FOR TINY SCREENS

(minimum width: 480px)

Thickness

The thickness of the border comes in two options: Remove it or small dimension. The latter can be written as .border or .border-tiny.

.border-no .border .border-tiny .border-small
Set a fixed thickness

Rounding

The edge radius can be set according to the round property. For an easier understanding 3 rounding criteria have been established.

.round-no
Cancel any border rounding
.round .round-tiny .round-small .round-medium
Fixed-size border rounding. Do not confuse the size (tiny, small, medium ...) with the dimension to which it is circumscribed (t, s, m ...).
The round and round-tiny options are equivalent.
.round-half .round-full
Percentage rounding. This type is useful in icons images.

Style

The border style has not been included because it is considered that the default value is usually used, but can be added to the definition of the CSS, remaining as .border-dotted, .border-dashed, .border-solid, .border-double, .border-groove, .border-ridge, .border-inset, .border-outset y .border-hidden.