assets/css/default: Set up global border radius hover

2 files changed, 9 insertions, 6 deletions

diff --git a/assets/css/default.css b/assets/css/default.css
index 6dded5c..dca842e 100644
--- a/assets/css/default.css
+++ b/assets/css/default.css
@@ -133,6 +133,10 @@
   color: var(--foreground);
 }
 
+:hover:not(a):not(img):not(summary):not(nav) {
+  border-radius: 0.5rem;
+}
+
 /* ----- Skip link ----- */
 
 skip-link a {
@@ -147,7 +151,7 @@ skip-link a:focus {
   transform: translate(-50%, 0);
   top: 0.5rem;
   padding: 0.75rem;
-  border-radius: 0.25rem;
+  border-radius: 0.5rem;
 }
 
 /* ----- Elements ----- */
@@ -403,7 +407,7 @@ iframe {
   border: 2px solid #ccc;
   border: 2px solid var(--border-darker);
   background-color: #fefefe;
-  border-radius: 0.75rem !important;
+  border-radius: 0.5rem !important;
   min-height: 16rem;
 }
 
@@ -417,7 +421,7 @@ img {
   max-width: 100%;
   border: 1px solid #ccc;
   border: 1px solid var(--border-darker);
-  border-radius: 0.75rem;
+  border-radius: 0.5rem;
   object-fit: cover;
   display: block;
   background-color: #fefefe;
@@ -693,7 +697,7 @@ micro-content > figure img {
 
 micro-content > figure > a {
   background-color: #000;
-  border-radius: 0.75rem;
+  border-radius: 0.5rem;
   display: block;
 }
 
@@ -1540,7 +1544,7 @@ blockquote p span {
 }
 
 video {
-  border-radius: 0.75rem;
+  border-radius: 0.5rem;
 }
 
 kbd {
diff --git a/assets/css/syntax-highlight-default.css b/assets/css/syntax-highlight-default.css
index 385763f..e2d944d 100644
--- a/assets/css/syntax-highlight-default.css
+++ b/assets/css/syntax-highlight-default.css
@@ -26,7 +26,6 @@ code-block button {
 
 .chroma .line:hover {
   background-color: #f2f2f2;
-  border-radius: 0.5rem;
   display: block;
 }