Div CSS Fixes

rawsta · Jun 3, 2024 · c5d8518 · c5d8518
1 parent 30f71bd
commit c5d8518
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 6 deletions.
diff --git a/src/assets/css/blocks/card.css b/src/assets/css/blocks/card.css
@@ -25,8 +25,9 @@
   text-decoration: none;
 }
 
-.card:hover,
-.card:focus-within {
+/* .card:hover,
+.card:focus-within { */
+.card:is(:hover, :focus, :active, :focus-within) {
   border: 4px solid var(--color-primary);
   transform: translateY( calc( var(--space-xs) * -1 ) );
 }

diff --git a/src/assets/css/components/custom-split.css b/src/assets/css/components/custom-split.css
@@ -1,6 +1,6 @@
 
 custom-split {
-    --region-space-top: var(--space-3xl);
+    --region-space-top: var(--space-xs);
     --gutter: var(--space-m);
     font-family: var(--font-display);
     font-size: var(--size-step-1);

diff --git a/src/assets/css/global.css b/src/assets/css/global.css
@@ -9,6 +9,7 @@
 @import 'global/global-styles.css';
 
 @import-glob 'blocks/*.css';
+@import-glob 'components/*.css';
 @import-glob 'compositions/*.css';
 @import-glob 'utilities/*.css';
 

diff --git a/src/assets/css/global/reset.css b/src/assets/css/global/reset.css
@@ -16,17 +16,23 @@ h1,
 h2,
 h3,
 h4,
+h5,
 p,
 figure,
 blockquote,
 dl,
-dd {
+dd,
+ul,
+ol,
+pre,
+code {
   margin: 0;
 }
 
 /* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
-ul[role='list'],
-ol[role='list'] {
+:where(ul[role="list"]),
+:where(ol[role="list"]) {
+  padding: 0;
   list-style: none;
 }
 

diff --git a/src/assets/css/global/variables.css b/src/assets/css/global/variables.css
@@ -50,6 +50,12 @@
       var(--color-text-accent) 60%, var(--color-text-accent) 79%,
       transparent 79%, transparent 80%,
       var(--color-bg-accent-2) 80%);
+
+
+    --icon-chevron: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlICAgICAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSI2IDkgMTIgMTUgMTggOSIvPjwvc3ZnPg==");
+    --icon-date: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=");
+    --icon-time: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTEuOTkgMkM2LjQ3IDIgMiA2LjQ4IDIgMTJzNC40NyAxMCA5Ljk5IDEwQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyUzE3LjUyIDIgMTEuOTkgMnpNMTIgMjBjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIuNSA3SDExdjZsNS4yNSAzLjE1Ljc1LTEuMjMtNC41LTIuNjd6Ii8+PC9zdmc+");
+
 }
 
 /* Default / Dark theme specific variables */