Ribbons . Documentation

.ribbon-top-left

Top left

.ribbon-top-right

Top right

.ribbon-content > .ribbon-<top|bottom>-<left|right>

Top left
Top right
Bottom left
Bottom right

.ribbon-bottom-left

Bottom left

.ribbon-bottom-right

Bottom right

Top left
Top right
Bottom left
Bottom right

.ribbon-bottom-left .rotate180

Bottom left

.ribbon-bottom-right .rotate180

Bottom right

Top left
Bottom right

.ribbon-top-left.scale(style='--scale:150%')

.ribbon-bottom-right.scale(style='--scale:150%') .rotate180.rescale

a.ribbon-top-right

a.ribbon-bottom-left

Link
Link

(style='--color:#fff;--bg-color:#4e667a')

Custom color
Custom color
Custom color
Custom color