parsav  Diff

Differences From Artifact [ba9256aed1]:

• File static/style.scss — part of check-in [8d35307a7f] at 2021-01-10 03:54:46 on branch trunk — add memory pool impl, handle various little details, add beginnings of mimelib (user: lexi, size: 24805) [annotate] [blame] [check-ins using]

To Artifact [08446e37b3]:

• File static/style.scss — part of check-in [00a6815988] at 2021-01-10 11:17:29 on branch trunk — add follow notices (user: lexi, size: 24886) [annotate] [blame] [check-ins using]

   585    585   			}
   586    586   			&:empty {
   587    587   				transition: 0.3s;
   588    588   				opacity: 0.0001; // qutebrowser won't show hints if opacity=0 :(
   589    589   				&:hover, &:focus { opacity: 0.6 !important; }
   590    590   			}
   591    591   		}
   592         -		> .like { background-image: url(/s/heart.webp); }
   593         -		> .rt   { background-image: url(/s/retweet.webp); }
          592  +		> .like   { background-image: url(/s/heart.webp); }
          593  +		> .rt     { background-image: url(/s/retweet.webp); }
   594    594   	}
   595    595   
   596    596   	// used for keyboard navigation
   597    597   	&.live-selected {
   598    598   		//margin-left: 0.4in; margin-right: -0.4in;
   599    599   		box-shadow: 0 0 0 1px tone(15%), 0 0 1in tone(5%, -0.5);
   600    600   		transform: scale(1.05) translateX(0.1in);
................................................................................
   988    988   body.notices {
   989    989   	form { text-align: center; }
   990    990   	div.notice {
   991    991   		padding: 0.15in;
   992    992   		background: linear-gradient(to bottom, tone(10%, -0.9), transparent);
   993    993   		border: 1px solid tone(-60%);
   994    994   		& + div.notice { border-top: none; }
   995         -		&.rt, &.like, &.reply { &::before {
          995  +		&.rt, &.like, &.reply, &.follow { &::before {
   996    996   			display: inline-block;
   997    997   			width: 1em; height: 1em;
   998    998   			margin-right: 1ex;
   999    999   			background-size: contain;
  1000   1000   			vertical-align: bottom;
  1001   1001   			content: ""; // 🙄
  1002   1002   		}}
  1003         -		&.rt::before    { background-image: url(/s/retweet.webp); }
  1004         -		&.like::before  { background-image: url(/s/heart.webp);   }
  1005         -		&.reply::before { background-image: url(/s/reply.webp);   }
         1003  +		&.rt::before     { background-image: url(/s/retweet.webp); }
         1004  +		&.like::before   { background-image: url(/s/heart.webp);   }
         1005  +		&.reply::before  { background-image: url(/s/reply.webp);   }
         1006  +		&.follow::before { background-image: url(/s/follow.webp);   }
  1006   1007   		> .action {
  1007   1008   			display: inline-block;
  1008   1009   			color: tone(5%);
  1009   1010   			> .id {
  1010   1011   				display: inline-block;
  1011   1012   				> img {
  1012   1013   					width: 1em; height: 1em;