Skip to content

Commit 401fe2b

Browse files
committed
Update styles.
1 parent a7359df commit 401fe2b

File tree

1 file changed

+27
-0
lines changed

1 file changed

+27
-0
lines changed

assets/css/style.css

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -762,6 +762,33 @@ footer {
762762
/* Match hero h1 roughly or main headers */
763763
padding-bottom: 0.5rem;
764764
border-bottom: 1px solid var(--border-color);
765+
display: flex;
766+
align-items: center;
767+
}
768+
769+
/* Transform the first link in h1 (assumed to be Home link) into an icon */
770+
.markdown-body h1 a {
771+
display: inline-block;
772+
width: 24px;
773+
height: 24px;
774+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212' fill='none' stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3Cpath d='M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V55a10 10 0 00-10-10h-64a10 10 0 00-10 10v76' fill='none' stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3C/svg%3E");
775+
background-size: contain;
776+
background-repeat: no-repeat;
777+
background-position: center;
778+
color: transparent !important;
779+
/* Hide text */
780+
font-size: 0;
781+
margin-right: 0.5rem;
782+
position: relative;
783+
top: -2px;
784+
}
785+
786+
.markdown-body h1 a:hover {
787+
opacity: 0.8;
788+
}
789+
790+
[data-theme='dark'] .markdown-body h1 a {
791+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M80 212v236a16 16 0 0016 16h96V328a24 24 0 0124-24h80a24 24 0 0124 24v136h96a16 16 0 0016-16V212' fill='none' stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3Cpath d='M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256M400 179V55a10 10 0 00-10-10h-64a10 10 0 00-10 10v76' fill='none' stroke='%238b5cf6' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'/%3E%3C/svg%3E");
765792
}
766793

767794
.markdown-body h2 {

0 commit comments

Comments
 (0)