refactor(style): 🎨 remove .urara-card-shadow

svelterun · Mar 8, 2022 · 24fba21 · 24fba21
1 parent e164d9a
commit 24fba21
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 9 deletions.
diff --git a/src/app.css b/src/app.css
@@ -80,12 +80,6 @@ footer a {
   @apply blur-sm hover:blur-none active:blur-none transition-all select-all;
 }
 
-/* extend */
-
-.urara-card-shadow {
-  @apply shadow-xl transition-shadow ease-in-out hover:shadow-2xl;
-}
-
 /* .prose pre */
 
 .prose pre {

diff --git a/src/lib/components/index_post.svelte b/src/lib/components/index_post.svelte
@@ -8,7 +8,7 @@
   itemscope
   itemtype="https://schema.org/BlogPosting"
   itemprop="blogPost"
-  class="card bg-base-100 urara-card-shadow rounded-none md:rounded-box md:card-side group mb-8">
+  class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow rounded-none md:rounded-box md:card-side group mb-8">
   {#if post.cover}
     <Cover
       figureClass="w-full overflow-hidden order-first md:order-last md:rounded-box shadow-lg"

diff --git a/src/lib/components/index_profile.svelte b/src/lib/components/index_profile.svelte
@@ -8,7 +8,7 @@
   {#if site.author.avatar}
     <img class="hidden u-photo" src={site.author.avatar} alt={site.author.name} decoding="async" loading="lazy" />
     <div class="flex-0 avatar w-32 h-32 ml-auto my-auto justify-end">
-      <img class="rounded-full urara-card-shadow w-32 h-32" src={site.author.avatar} alt={site.author.name} />
+      <img class="rounded-full shadow-xl hover:shadow-2xl transition-shadow w-32 h-32" src={site.author.avatar} alt={site.author.name} />
       {#if site.author.status}
         <div class="absolute rounded-full w-10 h-10 bottom-0 right-0 bg-base-100 shadow-xl text-xl text-center py-1.5">
           {site.author.status}

diff --git a/src/lib/components/post_pagination.svelte b/src/lib/components/post_pagination.svelte
@@ -6,7 +6,7 @@
 </script>
 
 <nav
-  class="card bg-base-100 urara-card-shadow flex flex-col md:flex-row flex-warp justify-evenly rounded-none md:rounded-box mb-8">
+  class="card bg-base-100 shadow-xl hover:shadow-2xl transition-shadow flex flex-col md:flex-row flex-warp justify-evenly rounded-none md:rounded-box mb-8">
   {#if next && (!next.priority || (next.priority[1] ?? next.priority) > 0)}
     <a href={next.path} class="flex-1 card-body group">
       <IconChevronLeft class="h-6 w-6 opacity-50 group-hover:opacity-100 mr-auto mb-2" />