parsav  Diff

Differences From Artifact [d34b63e467]:

• File static/style.scss — part of check-in [b6c2a79945] at 2021-01-04 20:33:33 on branch trunk — more jabbascript improvements (user: lexi, size: 20524) [annotate] [blame] [check-ins using]

To Artifact [5326e6a4a7]:

• File static/style.scss — part of check-in [7bd78f9b1c] at 2021-01-05 22:10:42 on branch trunk — improve sql, js, docs, other tweaks (user: lexi, size: 20757) [annotate] [blame] [check-ins using]

   544    544   		justify-content: center;
   545    545   		> .like, > .rt {
   546    546   			margin: 0.5em 0.3em;
   547    547   			padding-left: 1.3em;
   548    548   			background-size: 1.1em;
   549    549   			background-repeat: no-repeat;
   550    550   			min-width: 0.3em;
          551  +			&:focus {
          552  +				outline: none;
          553  +				opacity: 0.9 !important;
          554  +				filter: brightness(1.7) drop-shadow(0 0 15px rgb(255,150,200));
          555  +			}
   551    556   			&:empty {
   552    557   				transition: 0.3s;
   553    558   				opacity: 0.0001; // qutebrowser won't show hints if opacity=0 :(
   554    559   				&:hover, &:focus { opacity: 0.6 !important; }
   555    560   			}
   556    561   		}
   557    562   		> .like { background-image: url(/s/heart.webp); }
................................................................................
   789    794   }
   790    795   
   791    796   ul.remarks {
   792    797   	margin: 0; padding: 0;
   793    798   	list-style-type: none;
   794    799   	li {
   795    800   		border-top: 1px solid otone(-22%);
   796         -		border-bottom: 2px solid otone(-55%);
          801  +		border-bottom: 1px solid otone(-53%);
          802  +		box-shadow: 0 1px 1px otone(-57%);
          803  +		text-shadow: 1px 1px otone(-60%);
   797    804   		border-radius: 3px;
   798    805   		background: otone(-25%,-0.4);
   799    806   		color: otone(25%);
   800    807   		text-align: center;
   801    808   		padding: 0.3em 0;
   802    809   		margin: 0.2em 0.1em;
   803    810   		cursor: default;
................................................................................
   911    918   div.lede {
   912    919   	display: grid;
   913    920   	grid-template-columns: 1fr min-content;
   914    921   	grid-template-rows: 1.5em 1fr;
   915    922   	padding: 0.1in 0.3in;
   916    923   	margin: 0 -0.2in;
   917    924   	margin-top: 0.2in;
          925  +	& + & { margin-top: 0; }
   918    926   	border-radius: 3px;
   919    927   	background: linear-gradient(to bottom, tone(-40%,-0.5), transparent);
   920    928   	border-top: 1px solid tone(-5%,-0.7);
   921    929   	> .promo {
   922    930   		grid-row: 1/2; grid-column: 1/2;
   923    931   		font-style: italic;
   924    932   		font-size: 90%;