Truett Documentation
latest

🌀 Projects Background

  • Background

🍱 Web Story Structure

  • Structure — Story
    • <head>
    • :root color
    • :root spacer
    • cover page
    • slide background — text-color — text-shadow
    • font combinations
    • font size — Story
    • line height
    • text position
    • grid
    • landscape
    • aspect-ratio
    • symbols — bullets
    • amp-img
    • pan-zoom
    • attachment
    • document viewer
    • link style
    • outlink
    • quiz
  • Structure — Questions and Answers

🔢 Web Story Instances

  • Instances — Specification
  • Instances — Questions and Answers

⚙️ Libraries - JavaScript

  • Manage JavaScript

🎨 Libraries - Color

  • Manage Color

🔠 Libraries - Fonts

  • Manage fonts

🏵 Libraries - SVGs

  • Manage SVG

♒ Transformations

  • Transform HTML to SVG

📐 Data Management

  • Data management

📚 Reference

  • Glossary
Truett Documentation
  • Structure — Story
  • link style
  • Edit on GitHub

link style

URL link style

item

Attention

Notes about link styling.

.uline {
  text-decoration: none;
  position: relative;
}

.uline::before {
  position: absolute;
  content: "";
  height: 2px;
  bottom: -4px;
  margin: 0 auto;
  left: 0;
  right: 0;
  width: 50%;
  background: var(--on-e6e6e6);
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.uline:hover::before {
  width: 70%;
  background: var(--on-1f64ff);
}
Previous Next

Revision 3285db95. Last updated on 23-12-08 at 17:53 offset -05:00.