Skip to content

Commit

Permalink
deploy: 63e3052
Browse files Browse the repository at this point in the history
  • Loading branch information
@jamband
jamband committed Jan 9, 2024
1 parent 36107c3 commit 4366621
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions text-underline/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,16 @@
._container_1jb3t_1{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}._subTitle_1jb3t_9{color:rgb(var(--gray-400));display:inline;font-size:55%}
._container_7707x_1{table-layout:fixed;text-align:center;white-space:nowrap;width:100%}._headerContainer_7707x_8{border-bottom:1px solid rgb(var(--gray-600))}._row_7707x_12{padding:.5rem .75rem;vertical-align:middle}._header_7707x_8,._data_7707x_22{padding:.75rem;vertical-align:middle}._data_7707x_22:is(:first-child){-webkit-mask-image:linear-gradient(to left,#0000,#000 20%);mask-image:linear-gradient(to left,#0000,#000 20%);overflow-x:scroll}._data_7707x_22:is(:first-child):after{content:"";margin-right:.25rem}@media (min-width: 768px){._data_7707x_22:is(:first-child):after{margin-right:1.25rem}}._container_1molx_1{align-items:center;display:flex;flex-direction:column;gap:.75rem}._main_1molx_8:before{color:rgb(var(--gray-100));content:"“"}._main_1molx_8:after{color:rgb(var(--gray-100));content:"”"}._link_1molx_18{align-items:center;border-radius:var(--rounded);display:flex;gap:.1rem;justify-content:center;padding:.5rem 1rem}._icon_1molx_27{height:1rem;width:1rem}
._container_dr0yo_1{text-align:center}
._link_bl2x7_1{align-items:center;border-radius:var(--rounded);display:inline-flex;gap:.1rem;text-decoration:none;text-underline-offset:auto}._icon_bl2x7_10{height:1rem;width:1rem}._example1Link_bl2x7_15{text-decoration:underline}._example2Link_bl2x7_19{border-bottom:1px solid currentcolor;text-decoration:none}._example3Link_bl2x7_24{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.25em}._example4Link_bl2x7_30{background-image:linear-gradient(transparent 95%,currentcolor 0);text-decoration:none}._example5Link_bl2x7_35{box-shadow:0 1px 0 0 currentcolor;text-decoration:none}
._link_1yx4p_1{align-items:center;display:inline-flex;gap:.1rem;text-decoration:none;text-underline-offset:auto}._icon_1yx4p_9{height:1rem;width:1rem}._example1Link_1yx4p_14{text-decoration:underline}._example2Link_1yx4p_18{border-bottom:1px solid currentcolor;text-decoration:none}._example3Link_1yx4p_23{text-decoration:underline;text-decoration-thickness:.05em;text-underline-offset:.25em}._example4Link_1yx4p_29{background-image:linear-gradient(transparent 95%,currentcolor 0);text-decoration:none}._example5Link_1yx4p_34{box-shadow:0 1px 0 0 currentcolor;text-decoration:none}
._container_a8mo9_1{align-items:center;background-color:rgb(var(--gray-700));bottom:0;box-shadow:0 0 .1rem .05rem rgb(var(--gray-900));display:flex;justify-content:center;padding:.75rem 0;position:fixed;width:100%;z-index:100}._navigation_a8mo9_14{display:flex;flex-direction:row;gap:1rem}@media (min-width: 768px){._navigation_a8mo9_14{gap:2rem}}._link_a8mo9_26{border-radius:var(--rounded);color:rgb(var(--gray-400));padding:.25rem 1.5rem;text-decoration:none}._link_a8mo9_26:active{background-color:rgb(var(--gray-600));color:rgb(var(--gray-100))}._container_17tk1_1{background-color:rgb(var(--gray-700));box-shadow:0 .05rem .1rem rgb(var(--gray-900));position:fixed;width:100%;z-index:100}._navigation_17tk1_9{align-items:center;display:flex;justify-content:center;padding:.75rem 1rem}._link_17tk1_16{border-radius:var(--rounded);padding:.25rem 1.5rem;text-decoration:none}._link_17tk1_16:active{background-color:rgb(var(--gray-600))}._account_17tk1_26{color:rgb(var(--gray-100));font-size:.95rem}._repository_17tk1_31{color:rgb(var(--pink-300))}
</style></head><body> <header class="_container_17tk1_1"> <nav class="_navigation_17tk1_9" aria-label="header navigation"> <a class="_link_17tk1_16" href="/denene/"> <span class="_account_17tk1_26">jamband/</span><span class="_repository_17tk1_31">denene</span> </a> </nav> </header> <main> <h1 class="_container_dr0yo_1">text underline</h1> <section> <blockquote class="_container_1molx_1" cite="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration"> <p class="_main_1molx_8">the <code>text-decoration</code> shorthand css property sets the
appearance of decorative lines on text. it is a shorthand for text-decoration-line,
text-decoration-color, text-decoration-style, and the newer text-decoration-thickness
property.</p> <footer> <a class="_link_1molx_18" href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" target="_blank" rel="noreferrer">mdn » text-decoration<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_1molx_27"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </footer> </blockquote> </section> <section> <h2 class="_container_1jb3t_1"> 1 </h2> <pre><code>text-decoration: underline;</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_bl2x7_1 _example1Link_bl2x7_15" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_bl2x7_10"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> 2 </h2> <pre><code>text-decoration: none;
border-bottom: 1px solid currentcolor;</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_bl2x7_1 _example2Link_bl2x7_19" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_bl2x7_10"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> 3 </h2> <pre><code>text-decoration: underline;
property.</p> <footer> <a class="_link_1molx_18" href="https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration" target="_blank" rel="noreferrer">mdn » text-decoration<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_1molx_27"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </footer> </blockquote> </section> <section> <h2 class="_container_1jb3t_1"> 1 </h2> <pre><code>text-decoration: underline;</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_1yx4p_1 _example1Link_1yx4p_14" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_1yx4p_9"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> 2 </h2> <pre><code>text-decoration: none;
border-bottom: 1px solid currentcolor;</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_1yx4p_1 _example2Link_1yx4p_18" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_1yx4p_9"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> 3 </h2> <pre><code>text-decoration: underline;
text-decoration-thickness: 0.05em;
text-underline-offset: 0.25em;</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_bl2x7_1 _example3Link_bl2x7_24" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_bl2x7_10"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> 4 </h2> <pre><code>text-decoration: none;
background-image: linear-gradient(transparent 95%, currentcolor 0);</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_bl2x7_1 _example4Link_bl2x7_30" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_bl2x7_10"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> 5 </h2> <pre><code>text-decoration: none;
box-shadow: 0 1px 0 0 currentcolor;</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_bl2x7_1 _example5Link_bl2x7_35" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_bl2x7_10"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> browser support </h2> <table class="_container_7707x_1"> <thead class="_headerContainer_7707x_8"> <tr class="_row_7707x_12"> <th class="_header_7707x_8"></th> <th scope="col" class="_header_7707x_8">chrome</th> <th scope="col" class="_header_7707x_8">firefox</th> <th scope="col" class="_header_7707x_8">safari</th> </tr> </thead> <tbody> <tr class="_row_7707x_12"> <th scope="row" class="_data_7707x_22"> text-underline-offset </th> <td class="_data_7707x_22">87</td> <td class="_data_7707x_22">70</td> <td class="_data_7707x_22">12.1</td> </tr><tr class="_row_7707x_12"> <th scope="row" class="_data_7707x_22"> text-decoration-thickness </th> <td class="_data_7707x_22">89</td> <td class="_data_7707x_22">70</td> <td class="_data_7707x_22">12.1</td> </tr> </tbody> </table> </section> <section class="_container_emwru_1"> <a href="/denene/" class="_link_emwru_6">← back to home</a> </section> </main> <footer class="_container_a8mo9_1"> <nav class="_navigation_a8mo9_14" aria-label="footer navigation"> <a class="_link_a8mo9_26" href="/denene/about/">about</a> <a class="_link_a8mo9_26" href="/denene/contact/">contact</a> <a class="_link_a8mo9_26" href="https://github.com/jamband/denene" target="_blank" rel="noreferrer">github</a> </nav> </footer> <script>
text-underline-offset: 0.25em;</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_1yx4p_1 _example3Link_1yx4p_23" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_1yx4p_9"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> 4 </h2> <pre><code>text-decoration: none;
background-image: linear-gradient(transparent 95%, currentcolor 0);</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_1yx4p_1 _example4Link_1yx4p_29" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_1yx4p_9"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> 5 </h2> <pre><code>text-decoration: none;
box-shadow: 0 1px 0 0 currentcolor;</code></pre> <a href="https://developer.mozilla.org/en-US/" class="_link_1yx4p_1 _example5Link_1yx4p_34" target="_blank" rel="noreferrer">mdn web docs<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" role="img" aria-hidden="true" viewBox="0 0 20 20" class="_icon_1yx4p_9"> <path d="M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z"></path> <path d="M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z"></path> </svg> </a> </section> <section> <h2 class="_container_1jb3t_1"> browser support </h2> <table class="_container_7707x_1"> <thead class="_headerContainer_7707x_8"> <tr class="_row_7707x_12"> <th class="_header_7707x_8"></th> <th scope="col" class="_header_7707x_8">chrome</th> <th scope="col" class="_header_7707x_8">firefox</th> <th scope="col" class="_header_7707x_8">safari</th> </tr> </thead> <tbody> <tr class="_row_7707x_12"> <th scope="row" class="_data_7707x_22"> text-underline-offset </th> <td class="_data_7707x_22">87</td> <td class="_data_7707x_22">70</td> <td class="_data_7707x_22">12.1</td> </tr><tr class="_row_7707x_12"> <th scope="row" class="_data_7707x_22"> text-decoration-thickness </th> <td class="_data_7707x_22">89</td> <td class="_data_7707x_22">70</td> <td class="_data_7707x_22">12.1</td> </tr> </tbody> </table> </section> <section class="_container_emwru_1"> <a href="/denene/" class="_link_emwru_6">← back to home</a> </section> </main> <footer class="_container_a8mo9_1"> <nav class="_navigation_a8mo9_14" aria-label="footer navigation"> <a class="_link_a8mo9_26" href="/denene/about/">about</a> <a class="_link_a8mo9_26" href="/denene/contact/">contact</a> <a class="_link_a8mo9_26" href="https://github.com/jamband/denene" target="_blank" rel="noreferrer">github</a> </nav> </footer> <script>
document.addEventListener("touchstart", () => {}, { passive: true });
</script> </body> </html>

0 comments on commit 4366621

Please sign in to comment.