From 7f6b1d4a80c5beb8dd0f60a657d4a3bdf53d9b29 Mon Sep 17 00:00:00 2001 From: wanhose Date: Mon, 23 May 2022 20:08:43 +0200 Subject: [PATCH] feat(web): improve accessibility and styles --- packages/web/src/index.css | 24 ++++++++++ packages/web/src/index.html | 89 ++++++++++++++++++------------------- 2 files changed, 67 insertions(+), 46 deletions(-) diff --git a/packages/web/src/index.css b/packages/web/src/index.css index b5c61c9..545c6f1 100644 --- a/packages/web/src/index.css +++ b/packages/web/src/index.css @@ -1,3 +1,27 @@ @tailwind base; @tailwind components; @tailwind utilities; + +@layer base { + h2 { + @apply font-bold text-secondary text-3xl; + } +} + +@layer components { + .button { + @apply font-bold md:bg-2x md:hover:animate-gradient md:hover:shadow-md rounded-lg text-white px-8 py-4; + } + + .icon-box { + @apply bg-secondary h-12 relative rounded-lg text-white w-12; + } + + .icon-box-icon { + @apply absolute h-5 left-1/2 top-1/2 transform w-5 -translate-x-1/2 -translate-y-1/2; + } + + .image { + @apply self-center max-w-sm md:self-start rounded-lg shadow-2xl shrink-0 w-full; + } +} diff --git a/packages/web/src/index.html b/packages/web/src/index.html index f2538b9..9954512 100644 --- a/packages/web/src/index.html +++ b/packages/web/src/index.html @@ -1,5 +1,5 @@ - + Cookie Consent Dialog | Did someone say cookie consent dialogs? @@ -42,7 +42,12 @@