There are three styles for links.
Standard
Arrow
Arrow - White
...
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 |
---|---|---|
|
|
|
|
Blue tint 1 with 50% opacity |
Altered States - :hover
, :focus
, and :active
Property | Value | Note |
---|---|---|
|
|
|
|
Blue tint 1 with 50% opacity | |
|
|
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
Altered State - :disabled
Property | Value | Note |
---|---|---|
|
| 50% opacity |
...
Arrow Link - White
Default State
Property | Value | Note |
---|---|---|
|
| |
|
|
|
| |
|
|
Altered States - :hover
, :focus
, and :active
Property | Value | Note |
---|---|---|
|
|
primary-color(white)
Altered State - :disabled
Property | Value | Note |
---|---|---|
|
| 50% opacity |
https://styleguide.asce.org/section-components.html#asgref-components-links
...