There are three styles for links.
Standard Link
Property | Value | Note |
---|---|---|
|
| primary-color(blue) |
|
| primary-color(blue, tint1) with 50% opacity |
hover, focus, active
Property | Value | Note |
---|---|---|
|
| primary-color(blue, tint1) |
|
| primary-color(blue, tint1) with 50% opacity |
|
| primary-color(blue, tint1) with 50% opacity |
disabled
Property | Value | Note |
---|---|---|
|
| 50% opacity |
Arrow Link
Property | Value | Note |
---|---|---|
|
| |
|
| primary-color(blue, shade1) |
|
| |
|
|
hover, focus, active
Property | Value | Note |
---|---|---|
|
| primary-color(blue, tint1) |
disabled
Property | Value | Note |
---|---|---|
|
| 50% opacity |
Arrow Link - White
Property | Value | Note |
---|---|---|
|
| |
|
| primary-color(white) |
|
| |
|
|
hover, focus, active
Property | Value | Note |
---|---|---|
|
| primary-color(white) |
disabled
Property | Value | Note |
---|---|---|
|
| 50% opacity |
https://styleguide.asce.org/section-components.html#asgref-components-links