Tighter top menus

backdrop-contrib · Feb 7, 2025 · ce84262 · ce84262
1 parent 79f0b9b
commit ce84262
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/dist/main.compiled.css b/dist/main.compiled.css
@@ -4220,6 +4220,11 @@ html .layout .l-sidebar + .l-content{
   padding: 2rem;
 }
 
+.block-system-main-menu .block-content > ul > li a.highlighted,
+    .block-system-main-menu .block-content > ul > li a:hover{
+  padding-left: 1.3rem;
+}
+
 .block-system-main-menu .block-content > ul > li > a,
     .block-system-main-menu .block-content > ul > li > a.highlighted,
     .block-system-main-menu .block-content > ul > li > a:hover{
@@ -4278,7 +4283,7 @@ html .layout .l-sidebar + .l-content{
   transition: transform 0.25s ease-out;
   position: absolute;
   top: auto;
-  bottom: 2.2rem;
+  bottom: 2.5rem;
   right: 1rem;
   --tw-rotate: -90deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -4448,7 +4453,8 @@ html .layout .l-sidebar + .l-content{
 
 .l-header .block-system-main-menu .block-content > ul > li > a{
   border-width: 0px;
-  font-size: 2rem;
+  font-size: 1.9rem;
+  line-height: 1.3;
 }
 
 @media (min-width: 768px){

diff --git a/src/main.css b/src/main.css
@@ -493,6 +493,11 @@ html .layout {
       @apply text-17 font-semibold no-underline;
       @apply block m-0 p-20;
     }
+    a.highlighted,
+    a:hover
+    {
+      @apply pl-13;
+    }
     > a,
     > a.highlighted,
     > a:hover {
@@ -517,7 +522,7 @@ html .layout {
     }
     span.sub-arrow {
       @apply border-none caret;
-      @apply absolute top-auto bottom-22 right-10 md:right-0 -rotate-90;
+      @apply absolute top-auto bottom-25 right-10 md:right-0 -rotate-90;
     }
     li span.sub-arrow {
       @apply md:right-20;
@@ -581,7 +586,7 @@ html .layout {
             @apply md:mr-0;
           }
           > a {
-            @apply text-20 border-0;
+            @apply text-19 leading-snug border-0;
             @apply md:px-0 md:py-20 md:mt-auto md:bottom-0;
             @apply whitespace-normal;