@@ -393,10 +393,30 @@ line-height: ◊x-lineheight[1]; text-align: center; display: block; margin: ◊x-lineheight[1] 0; } + +/* Fossil info links */ +.scm-links { + color: #888; + font-size: 0.5rem; + white-space: nowrap; + float: right; + text-align: right; + margin-top: -◊x-lineheight[2.01]; + padding-right: 1ch; + font-family: ◊mono-font; + font-style: italic; +} + +.scm-links a { + display: inline-block; + text-align: center; + width: 0.9rem; + color: #727070; +} p { margin: 0; text-indent: 0; } @@ -819,11 +839,11 @@ display: grid; grid-template-columns: 8rem 7fr 1fr; grid-template-rows: auto auto auto; grid-template-areas: "corner title title" - "margin main ."; + "margin main rightmargin"; align-items: start; /* Puts everything at the top */ margin-bottom: 0; grid-column-gap: 1rem; box-shadow: 0.4em 0.4em 10px #e3e3e3; background: white; @@ -865,10 +885,22 @@ article.no-title footer.article-info { margin-top: 1.5rem; padding-top: 0; } + + .scm-links { + float: none; + grid-area: rightmargin; + height: 100%; + } + + .scm-links a:hover { + color: #2176ff; + background: none; + } + section.entry-content { grid-area: main; /* Prevent content from overriding grid column sizing */ /* See https://css-tricks.com/preventing-a-grid-blowout/ */