parsav  Diff

Differences From Artifact [7f55f7d5d1]:

• File static/style.scss — part of check-in [f4c6e72a22] at 2021-01-07 07:35:14 on branch trunk — tentative beginnings of upload + media management system (user: lexi, size: 23383) [annotate] [blame] [check-ins using]

To Artifact [f5bd822625]:

• File static/style.scss — part of check-in [af5ed65b68] at 2021-01-07 09:39:29 on branch trunk — further iteration on media (user: lexi, size: 23686) [annotate] [blame] [check-ins using]

  1018   1018   		background: tone(-55%,-0.5);
  1019   1019   		border: 1px solid tone(-60%);
  1020   1020   		padding: 0.2in;
  1021   1021   		display: flex;
  1022   1022   		flex-wrap: wrap;
  1023   1023   	}
  1024   1024   	.gallery {
  1025         -		grid-row: 1/2; grid-column: 2/3;
  1026         -		margin-left: 0.1in;
         1025  +		grid-row: 2/3; grid-column: 1/3;
         1026  +		margin-top: 0.1in;
  1027   1027   		flex-flow: row;
         1028  +		padding: 0 0.1in;
  1028   1029   		> a[href].thumb {
         1030  +			background: linear-gradient(to top, tone(10%,-0.8), tone(10%,-0.94) 30%, transparent);
         1031  +			border-radius: 4px;
         1032  +			border-bottom: 1px solid tone(15%, -0.5);
  1029   1033   			display: block;
  1030   1034   			width: 1.5in;
  1031   1035   			padding: 0.1in;
  1032   1036   			height: max-content;
         1037  +			margin: 0.1in;
  1033   1038   			> img {
  1034   1039   				width: 1.5in; height: 1.5in;
         1040  +				object-fit: contain;
         1041  +				object-position: center;
         1042  +				outline: none;
  1035   1043   			}
  1036   1044   			> .caption {
  1037   1045   				text-align: center;
  1038   1046   				font-size: 80%;
         1047  +				text-shadow: 1px 1px 0 black;
  1039   1048   			}
  1040   1049   		}
  1041   1050   	}
  1042   1051   	.dir {
  1043         -		grid-row: 2/3; grid-column: 1/3;
  1044         -		margin-top: 0.1in;
         1052  +		grid-row: 1/2; grid-column: 2/3;
         1053  +		margin-left: 0.1in;
  1045   1054   		flex-flow: column;
  1046   1055   		flex-grow: 1;
  1047   1056   		> a[href].file {
  1048   1057   			padding: 0.1in 0.15in;
  1049   1058   			text-decoration: none;
  1050   1059   			height: max-content;
  1051   1060   			background-image: url(/s/file.webp); //TODO different icons for different mime types