AZURA

 Pre-alpha
Github

Main Menu

  • Get Started
  • Breakpoints
  • Changelog

  • Framework Style

    • Grid
    • Flex
    • Colors
    • Typography
    • Round
    • Elevation
    • Backdrop
    • Buttons
    • Icons
    • Images
    • Cards
    • Form inputs and control
    • Text fields
    • Content panels
    • Carousel
    • Validation Form
    • Dialogs
    • Input controls
    • Lists
    • Textareas
    • Forms
    • File Inputs
    • Ajax
    • Viewport
    • Select
    • Scrollbar

Round

Round all corners

r-0
r-2
r-4
r-8
r-12
r-16
r-20
r-24
r-28
r-pill
r-circle

r-sm-0
r-sm-2
r-sm-4
r-sm-8
r-sm-12
r-sm-16
r-sm-20
r-sm-24
r-sm-28
r-sm-pill
r-sm-circle

r-md-0
r-md-2
r-md-4
r-md-8
r-md-12
r-md-16
r-md-20
r-md-24
r-md-28
r-md-pill
r-md-circle

r-lg-0
r-lg-2
r-lg-4
r-lg-8
r-lg-12
r-lg-16
r-lg-20
r-lg-24
r-lg-28
r-lg-pill
r-lg-circle

r-xl-0
r-xl-2
r-xl-4
r-xl-8
r-xl-12
r-xl-16
r-xl-20
r-xl-24
r-xl-28
r-xl-pill
r-xl-circle

0
2
4
8
12
16
20
24
28
circle
pill

Round top corners

rt-0
rt-2
rt-4
rt-8
rt-12
rt-16
rt-20
rt-24
rt-28
rt-pill
rt-circle

rt-sm-0
rt-sm-2
rt-sm-4
rt-sm-8
rt-sm-12
rt-sm-16
rt-sm-20
rt-sm-24
rt-sm-28
rt-sm-pill
rt-sm-circle

rt-md-0
rt-md-2
rt-md-4
rt-md-8
rt-md-12
rt-md-16
rt-md-20
rt-md-24
rt-md-28
rt-md-pill
rt-md-circle

rt-lg-0
rt-lg-2
rt-lg-4
rt-lg-8
rt-lg-12
rt-lg-16
rt-lg-20
rt-lg-24
rt-lg-28
rt-lg-pill
rt-lg-circle

rt-xl-0
rt-xl-2
rt-xl-4
rt-xl-8
rt-xl-12
rt-xl-16
rt-xl-20
rt-xl-24
rt-xl-28
rt-xl-pill
rt-xl-circle

0
2
4
8
12
16
20
24
28
circle
pill

Round left corners

rl-0
rl-2
rl-4
rl-8
rl-12
rl-16
rl-20
rl-24
rl-28
rl-pill
rl-circle

rl-sm-0
rl-sm-2
rl-sm-4
rl-sm-8
rl-sm-12
rl-sm-16
rl-sm-20
rl-sm-24
rl-sm-28
rl-sm-pill
rl-sm-circle

rl-md-0
rl-md-2
rl-md-4
rl-md-8
rl-md-12
rl-md-16
rl-md-20
rl-md-24
rl-md-28
rl-md-pill
rl-md-circle

rl-lg-0
rl-lg-2
rl-lg-4
rl-lg-8
rl-lg-12
rl-lg-16
rl-lg-20
rl-lg-24
rl-lg-28
rl-lg-pill
rl-lg-circle

rl-xl-0
rl-xl-2
rl-xl-4
rl-xl-8
rl-xl-12
rl-xl-16
rl-xl-20
rl-xl-24
rl-xl-28
rl-xl-pill
rl-xl-circle

0
2
4
8
12
16
20
24
28
circle
pill

Round right corners

rr-0
rr-2
rr-4
rr-8
rr-12
rr-16
rr-20
rr-24
rr-28
rr-pill
rr-circle

rr-sm-0
rr-sm-2
rr-sm-4
rr-sm-8
rr-sm-12
rr-sm-16
rr-sm-20
rr-sm-24
rr-sm-28
rr-sm-pill
rr-sm-circle

rr-md-0
rr-md-2
rr-md-4
rr-md-8
rr-md-12
rr-md-16
rr-md-20
rr-md-24
rr-md-28
rr-md-pill
rr-md-circle

rr-lg-0
rr-lg-2
rr-lg-4
rr-lg-8
rr-lg-12
rr-lg-16
rr-lg-20
rr-lg-24
rr-lg-28
rr-lg-pill
rr-lg-circle

rr-xl-0
rr-xl-2
rr-xl-4
rr-xl-8
rr-xl-12
rr-xl-16
rr-xl-20
rr-xl-24
rr-xl-28
rr-xl-pill
rr-xl-circle

0
2
4
8
12
16
20
24
28
circle
pill

Round bottom corners

rb-0
rb-2
rb-4
rb-8
rb-12
rb-16
rb-20
rb-24
rb-28
rb-pill
rb-circle

rb-sm-0
rb-sm-2
rb-sm-4
rb-sm-8
rb-sm-12
rb-sm-16
rb-sm-20
rb-sm-24
rb-sm-28
rb-sm-pill
rb-sm-circle

rb-md-0
rb-md-2
rb-md-4
rb-md-8
rb-md-12
rb-md-16
rb-md-20
rb-md-24
rb-md-28
rb-md-pill
rb-md-circle

rb-lg-0
rb-lg-2
rb-lg-4
rb-lg-8
rb-lg-12
rb-lg-16
rb-lg-20
rb-lg-24
rb-lg-28
rb-lg-pill
rb-lg-circle

rb-xl-0
rb-xl-2
rb-xl-4
rb-xl-8
rb-xl-12
rb-xl-16
rb-xl-20
rb-xl-24
rb-xl-28
rb-xl-pill
rb-xl-circle

0
2
4
8
12
16
20
24
28
circle
pill