|
2 | 2 | <html> |
3 | 3 | <head> |
4 | 4 | <meta charset="utf-8" /> |
5 | | - <title>Tint</title> |
| 5 | + <title>Press-Tint - Wisp CSS</title> |
6 | 6 | <link rel="stylesheet" href="/public/styles/bundle.min.css"> |
7 | 7 | <link rel="stylesheet" href="/public/styles/custom.full.css"> |
8 | 8 |
|
|
13 | 13 | <aside id="js-menu" class="c-doc-layout__sidebar"> |
14 | 14 |
|
15 | 15 | <div class="c-box c-box--spacing-lg"> |
| 16 | + <div class="u-margin-block-end-md"> |
| 17 | + <a href="/" class="c-link-inline u-type-lg"> |
| 18 | + <strong>Home</strong> |
| 19 | + </a> |
| 20 | + </div> |
16 | 21 | <div class="u-type-lg u-margin-block-end-sm"><strong>Getting Started</strong></div> |
17 | 22 | <div class="o-stack o-stack--gap-sm u-type-sm u-margin-block-end-md u-doc-padding-inline-start-md"> |
18 | | - <a class="c-link-inline" href="/guide-installing.html">Installing</a> |
| 23 | + <a class="c-link-inline" href="/guide-installing.html">Installing</a> |
19 | 24 | <a class="c-link-inline" href="/guide-customizing.html">Customizing</a> |
20 | 25 | <a class="c-link-inline" href="/guide-extending.html">Extending</a> |
21 | 26 | </div> |
|
55 | 60 | <a class="c-link-inline" href="/b-press-outline.html">Press-Outline</a> |
56 | 61 | <a class="c-link-inline" href="/b-press-scale.html">Press-Scale</a> |
57 | 62 | <a class="c-link-inline" href="/b-press-tint.html">Press-Tint</a> |
58 | | - <a class="c-link-inline" href="/b-scroll.html">Scroll</a> |
| 63 | + <a class="c-link-inline" href="/b-scroll-reveal.html">Scroll-Reveal</a> |
59 | 64 | </div> |
60 | 65 |
|
61 | 66 | <div class="u-type-lg u-margin-block-end-sm"><strong>Utilities</strong></div> |
62 | 67 | <div class="o-stack o-stack--gap-sm u-type-sm u-margin-block-end-md u-doc-padding-inline-start-md"> |
63 | 68 | <a class="c-link-inline" href="/u-color.html">Color</a> |
64 | 69 | <a class="c-link-inline" href="/u-hidden-below.html">Hidden Below</a> |
65 | 70 | <a class="c-link-inline" href="/u-margin.html">Margin</a> |
66 | | - <a class="c-link-inline" href="/u-position-sticky.html">Sticky Position</a> |
| 71 | + <a class="c-link-inline" href="/u-sticky.html">Sticky</a> |
67 | 72 | <a class="c-link-inline" href="/u-text.html">Text</a> |
68 | 73 | <a class="c-link-inline" href="/u-type.html">Type</a> |
69 | 74 | <a class="c-link-inline" href="/u-visible-below.html">Visible Below</a> |
|
86 | 91 | <main class="c-doc-layout__main"> |
87 | 92 | <button id="js-menu-toggle" class="c-button u-margin-block-end-md u-visible-below-md"> Toggle Menu </button> |
88 | 93 | <div class="position:relative"> |
89 | | - <h1>Tint</h1> |
| 94 | + <h1>Press-Tint</h1> |
90 | 95 | <p>Tints an element on a hover and active state.</p> |
91 | 96 | <pre><code><div class="o-cluster u-color-neutral"> |
92 | 97 | <a class="c-link-block b-press-tint" href="#">Tab 1</a> |
|
0 commit comments