File tree Expand file tree Collapse file tree 1 file changed +27
-0
lines changed
Expand file tree Collapse file tree 1 file changed +27
-0
lines changed Original file line number Diff line number Diff 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 {
You can’t perform that action at this time.
0 commit comments