Reno: buttons
Default
| CSS class name | Normal | Disabled |
|---|
.reno-button | Reno Button | |
Primary
| CSS class name | Normal | Disabled |
|---|
.reno-button | | |
.reno-button-medium | | |
.reno-button-large | | |
Secondary
| CSS class name | Normal | Disabled |
|---|
.reno-button-secondary | | |
.reno-button-secondary-medium | | |
.reno-button-secondary-large | | |
Tertiary
| CSS class name | Normal | Disabled |
|---|
.reno-button-tertiary | | |
.reno-button-tertiary-medium | | |
.reno-button-tertiary-large | | |
Caution
| CSS class name | Normal | Disabled |
|---|
.reno-button-caution | | |
.reno-button-caution-medium | | |
.reno-button-caution-large | | |
Primary Reverse
| CSS class name | Normal | Disabled |
|---|
.reno-button-reverse | | |
.reno-button-reverse-medium | | |
.reno-button-reverse-large | | |
Secondary Reverse
| CSS class name | Normal | Disabled |
|---|
.reno-button-secondary-reverse | | |
.reno-button-secondary-reverse-medium | | |
.reno-button-secondary-reverse-large | | |
Functional
| CSS class name | Normal | Disabled |
|---|
.reno-button-ok | | |
.reno-button-ok-medium | | |
.reno-button-ok-large | | |
.reno-button-cancel | | |
.reno-button-cancel-medium | | |
.reno-button-cancel-large | | |
Free style
This is a form with three types of buttons:
Standard styling with .reno
Default
| CSS class name | Normal | Disabled |
|---|
.reno-button | Reno Button | |
Primary
| CSS class name | Normal | Disabled |
|---|
.reno-button | | |
.reno-button-medium | | |
.reno-button-large | | |
Secondary
| CSS class name | Normal | Disabled |
|---|
.reno-button-secondary | | |
.reno-button-secondary-medium | | |
.reno-button-secondary-large | | |
Tertiary
| CSS class name | Normal | Disabled |
|---|
.reno-button-tertiary | | |
.reno-button-tertiary-medium | | |
.reno-button-tertiary-large | | |
Caution
| CSS class name | Normal | Disabled |
|---|
.reno-button-caution | | |
.reno-button-caution-medium | | |
.reno-button-caution-large | | |
Functional
| CSS class name | Normal | Disabled |
|---|
.reno-button-ok | | |
.reno-button-ok-medium | | |
.reno-button-ok-large | | |
.reno-button-cancel | | |
.reno-button-cancel-medium | | |
.reno-button-cancel-large | | |
Free style
This is a form with three types of buttons:
Standard styling with .reno-dark
Primary Reverse
| CSS class name | Normal | Disabled |
|---|
.reno-button-reverse | | |
.reno-button-reverse-medium | | |
.reno-button-reverse-large | | |
Secondary Reverse
| CSS class name | Normal | Disabled |
|---|
.reno-button-secondary-reverse | | |
.reno-button-secondary-reverse-medium | | |
.reno-button-secondary-reverse-large | | |
Functional
| CSS class name | Normal | Disabled |
|---|
.reno-button-ok | | |
.reno-button-ok-medium | | |
.reno-button-ok-large | | |
.reno-button-cancel | | |
.reno-button-cancel-medium | | |
.reno-button-cancel-large | | |
Free style
This is a form with three types of buttons: