Links
Apply this to a parent to have descendant a tags inherit the respective link style.
.t-links
Typical teal links
<p class="t-links">Block of text in a paragraph. <a href="https://www.texastribune.org/">Example of t-links.</a></p>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 15 | |
| data-visuals-create | 1 | |
| feature-general-ballot-2020-08 | 1 | |
| feature-voter-guide-general-2020-08 | 1 | |
| mailchimp-email-templates | 2 | |
| state-salaries-draft | 1 |
.t-links-underlined
Typical blue underlined links
<p class="t-links-underlined">Block of text in a paragraph. <a href="https://www.texastribune.org/">Example of t-links-underlined.</a></p>| Repo | Count | Location(s) |
|---|---|---|
| feature-general-ballot-2020-08 | 2 | |
| feature-voter-guide-general-2020-08 | 1 | |
| texastribune | 11 | |
| donations | 9 | |
| state-salaries-draft | 2 | |
| data-visuals-create | 1 |
.t-links-underlined-hover
Underline only appears on hover
<p class="t-links-underlined-hover">Block of text in a paragraph. <a href="https://www.texastribune.org/">Example of t-links-underlined-hover.</a></p>| Repo | Count | Location(s) |
|---|---|---|
| texastribune | 16 | |
| state-salaries-draft | 1 |
.t-links-underlined-hover-thin
Smaller, browser-default underline on hover
<p class="t-links-underlined-hover-thin">Block of text in a paragraph. <a href="https://www.texastribune.org/">Example of t-links-underlined-hover-thin.</a></p>| Repo | Count | Location(s) |
|---|---|---|
| feature-general-ballot-2020-08 | 1 | |
| feature-voter-guide-general-2020-08 | 1 | |
| data-visuals-create | 1 |
.t-links-unset
This is applied directly to the
<a> tag. Use it in cases where you don't want to inherit link styles.<p class="t-links-unset">Block of text in a paragraph. <a href="https://www.texastribune.org/">Example of t-links-unset.</a></p>
This class isn't referenced anywhere