hscc

commit c634d898636ea398b92dbcbade3cc97563d79e4a
parent 202b36b9b2be65a471d858eeb9c2453d4c6b0cf2
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Tue,  8 Feb 2022 20:02:47 -0500

Modify CSS

Diffstat:
M
src/css/global/base.css
 | 
11
++++++++++-
M
src/css/modules/go-to.css
 | 
1
+
M
src/css/modules/hentry.css
 | 
10
++++++++++

3 files changed, 21 insertions(+), 1 deletion(-)
diff --git a/src/css/global/base.css b/src/css/global/base.css
@@ -68,15 +68,24 @@ a {
   background: linear-gradient(180deg,transparent 70%, var(--base-link-bg) 0);
   color: var(--base-link-fg);
   overflow-wrap: break-word;
+  hyphens: auto;
   text-decoration: none;
 }
 
-a:focus,
+a:focus:not(.go-to-nav):not(.p-category):not(.nav__link) {
+  outline: 0.1em solid var(--base-link-fg);
+  outline-offset: 2px;
+}
+
 a:hover {
   background: linear-gradient(180deg,transparent 0%, var(--base-link-bg) 0);
   color: var(--base-fg);
 }
 
+a:active {
+  outline: 0;
+}
+
 a[href*="://"]:not([href*="://hugo.soucy.cc"])::after {
   content: "\279A";
   display: inline-block;
diff --git a/src/css/modules/go-to.css b/src/css/modules/go-to.css
@@ -20,6 +20,7 @@
 
 .go-to-nav:focus,
 .go-to-nav:hover {
+  background: linear-gradient(180deg,transparent 0%, var(--base-link-bg) 0);
   color: var(--base-fg);
 }
 
diff --git a/src/css/modules/hentry.css b/src/css/modules/hentry.css
@@ -13,6 +13,10 @@
   word-break: break-all;
 }
 
+.hentry h2.p-name .u-url {
+  all: inherit;
+}
+
  /* hentry in feed */
 .hfeed .hentry {
   border-top: 1px solid var(--base-br);
@@ -35,6 +39,7 @@
 /* to spread the click zone */
 .hfeed .hentry .u-url::after {
   bottom: 0;
+  cursor: pointer;
   content: '';
   left: 0;
   position: absolute;
@@ -83,6 +88,11 @@
   font-size: calc(1rem * calc(13 / 16));
 }
 
+.hentry__footer .u-url {
+  display: inline-block;
+  vertical-align: middle;
+}
+
 .hentry__footer > * + * {
   margin-bottom: 0;
   margin-top: calc(var(--base-space) * 4);