From 232b55f7430798a3dd99eb2d4b3cd27f5436bc87 Mon Sep 17 00:00:00 2001
From: Mark Eaton <MarkEEaton@users.noreply.github.com>
Date: Sat, 1 Jul 2023 18:54:47 -0400
Subject: [PATCH] make slick arrows bigger

---
 groups/home/Vue3-v.4-css.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/groups/home/Vue3-v.4-css.html b/groups/home/Vue3-v.4-css.html
index 733563d..92127ae 100644
--- a/groups/home/Vue3-v.4-css.html
+++ b/groups/home/Vue3-v.4-css.html
@@ -257,6 +257,25 @@
     outline: 0;
   }
 
+  /* make the slick arrows bigger; adjust margin and padding around big arrows */
+  .slick-prev:before, .slick-next:before {
+    font-size: 40px !important;
+  }
+  .slick-prev:before {
+    margin-left: -30px;
+  }
+  button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
+    height: 40px !important;
+    width: 40px !important;
+  }
+  button.slick-next.slick-arrow {
+    padding-top: 3px;
+  }
+  button.slick-prev.slick-arrow {
+    padding: 3px;
+    padding-left: 30px;
+  }
+
   /* style to make all imported boxes floating */
   .s-lib-box-title {
     display: none;