There are three styles for links.
| Note |
|---|
Warning: Styling mentioned on this page is limited. Please refer to https://styleguide.asce.org/section-components.html#asgref-components-links for a more comprehensive representation. |
| Table of Contents | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Standard Link
Default State
Property | Value | Note |
|---|---|---|
|
| |
|
| primary-color(blue, tint1) Blue tint 1 with 50% opacity |
Altered States - :hover, :focus, and :active
Property | Value | Note |
|---|---|---|
|
| |
|
| primary-color(blue, tint1) Blue tint 1 with 50% opacity |
|
| primary-color(blue, tint1) Blue tint 1 with 50% opacity |
Altered State - :disabled
Property | Value | Note |
|---|---|---|
|
| 50% opacity |
...
Arrow Link
Default State
Property | Value | Note |
|---|---|---|
|
| |
|
| |
|
| |
|
|
Altered States - :hover, :focus, and :active
Property | Value | Note | ||
|---|---|---|---|---|
|
| primary-color(blue, tint1) |
Altered State - :disabled
Property | Value | Note |
|---|---|---|
|
| 50% opacity |
...
Arrow Link - White
Default State
Property | Value | Note |
|---|---|---|
|
| |
|
| primary-color(white)White |
|
| |
|
|
Altered States - :hover, :focus, and :active
Property | Value | Note | |
|---|---|---|---|
|
| primary-color(white) |
Altered State - :disabled
Property | Value | Note |
|---|---|---|
|
| 50% opacity |
...