Differences From
Artifact [f9852f8724]:
210 210 }
211 211 nav {
212 212 all: unset;
213 213 display: flex;
214 214 justify-content: flex-end;
215 215 align-items: center;
216 216 grid-column: 2/3; grid-row: 1/2;
217 + .ident {
218 + color: tone(-20%);
219 + margin-left: 0.2em;
220 + border-left: 1px solid tone(-40%);
221 + padding-left: 0.5em;
222 + }
217 223 > a[href] {
218 224 display: block;
219 225 padding: 0.25in 0.10in;
220 226 //padding: calc((25% - 1em)/2) 0.15in;
221 227 &, &::after { transition: 0.3s; }
222 228 text-shadow: 1px 1px 1px black;
223 229 &:hover{
................................................................................
516 522 margin: unset;
517 523 grid-template-columns: 1in 1fr max-content max-content;
518 524 grid-template-rows: min-content max-content;
519 525 margin-bottom: 0.1in;
520 526 transition: 0.2s ease-out;
521 527 >.avatar {
522 528 grid-column: 1/2; grid-row: 1/2;
523 - img { display: block; width: 1in; height: 1in; margin:0; }
524 529 background: linear-gradient(to bottom, tone(-53%), tone(-57%));
530 + img {
531 + display: block; width: 1in; height: 1in; margin:0;
532 + border-right: 1px solid tone(-65%);
533 + }
525 534 }
526 535 >a[href].username {
527 536 display: block;
528 537 grid-column: 1/3;
529 538 grid-row: 2/3;
530 539 text-align: left;
531 540 text-decoration: none;