From 95ee76ae3c5332e47e3f02115420dad622df9a12 Mon Sep 17 00:00:00 2001 From: mippeqf <61969801+mippeqf@users.noreply.github.com> Date: Wed, 14 Sep 2022 22:41:44 +0200 Subject: [PATCH] Consolidate selectors May help reduce size down to 0kb :P --- microtip.css | 26 ++++---------------------- 1 file changed, 4 insertions(+), 22 deletions(-) diff --git a/microtip.css b/microtip.css index 6ef59a5..9151fe6 100644 --- a/microtip.css +++ b/microtip.css @@ -74,28 +74,19 @@ height: 6px; width: 18px; margin-bottom: 5px; -} - -[role~="tooltip"][data-microtip-position|="top"]::after { - margin-bottom: 11px; -} - -[role~="tooltip"][data-microtip-position|="top"]::before { transform: translate3d(-50%, 0, 0); bottom: 100%; left: 50%; } -[role~="tooltip"][data-microtip-position|="top"]:hover::before { - transform: translate3d(-50%, -5px, 0); -} - [role~="tooltip"][data-microtip-position|="top"]::after { + margin-bottom: 11px; transform: translate3d(-50%, 0, 0); bottom: 100%; left: 50%; } +[role~="tooltip"][data-microtip-position|="top"]:hover::before, [role~="tooltip"][data-microtip-position="top"]:hover::after { transform: translate3d(-50%, -5px, 0); } @@ -135,29 +126,20 @@ width: 18px; margin-top: 5px; margin-bottom: 0; -} - -[role~="tooltip"][data-microtip-position|="bottom"]::after { - margin-top: 11px; -} - -[role~="tooltip"][data-microtip-position|="bottom"]::before { transform: translate3d(-50%, -10px, 0); bottom: auto; left: 50%; top: 100%; } -[role~="tooltip"][data-microtip-position|="bottom"]:hover::before { - transform: translate3d(-50%, 0, 0); -} - [role~="tooltip"][data-microtip-position|="bottom"]::after { + margin-top: 11px; transform: translate3d(-50%, -10px, 0); top: 100%; left: 50%; } +[role~="tooltip"][data-microtip-position|="bottom"]:hover::before, [role~="tooltip"][data-microtip-position="bottom"]:hover::after { transform: translate3d(-50%, 0, 0); }