From 9d192d00d67e2f75271d52a7cadcfb155c1345a9 Mon Sep 17 00:00:00 2001 From: atomiks Date: Wed, 28 Feb 2018 06:17:18 +1000 Subject: [PATCH] fix: use px values for pretty text underline --- snippets/pretty-text-underline.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/snippets/pretty-text-underline.md b/snippets/pretty-text-underline.md index e1a45c062..171fe9d80 100644 --- a/snippets/pretty-text-underline.md +++ b/snippets/pretty-text-underline.md @@ -14,13 +14,13 @@ Natively implemented as `text-decoration-skip-ink: auto` but it has less control ```css .pretty-text-underline { display: inline; - font-size: 1.25rem; + font-size: 18px; text-shadow: 1px 1px 0 #f5f6f9, -1px 1px 0 #f5f6f9, -1px -1px 0 #f5f6f9, 1px -1px 0 #f5f6f9; background-image: linear-gradient(90deg, currentColor 100%, transparent 100%); - background-position: 0 1.04em; + background-position: 0 18px; background-repeat: repeat-x; background-size: 1px 1px; } @@ -49,7 +49,7 @@ Natively implemented as `text-decoration-skip-ink: auto` but it has less control -1px -1px 0 #f5f6f9, 1px -1px 0 #f5f6f9; background-image: linear-gradient(90deg, currentColor 100%, transparent 100%); - background-position: 0 1.04em; + background-position: 0 18px; background-repeat: repeat-x; background-size: 1px 1px; }