parsav  Diff

Differences From Artifact [37c2876b01]:

• File static/style.scss — part of check-in [8d8ab01573] at 2021-01-06 22:31:15 on branch trunk — unfuck last commit (user: lexi, size: 22204) [annotate] [blame] [check-ins using]

To 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]

  1002   1002   		}
  1003   1003   		> article.post {
  1004   1004   			margin: 0.1in 0.2in;
  1005   1005   			margin-left: 0.4in;
  1006   1006   		}
  1007   1007   	}
  1008   1008   }
         1009  +
         1010  +.media.manager main, .media.gallery {
         1011  +	display: grid;
         1012  +	grid-template-columns: 2in 1fr;
         1013  +	grid-template-rows: max-content 1fr;
         1014  +	menu {
         1015  +		@extend %navmenu;
         1016  +	}
         1017  +	.gallery, .dir {
         1018  +		background: tone(-55%,-0.5);
         1019  +		border: 1px solid tone(-60%);
         1020  +		padding: 0.2in;
         1021  +		display: flex;
         1022  +		flex-wrap: wrap;
         1023  +	}
         1024  +	.gallery {
         1025  +		grid-row: 1/2; grid-column: 2/3;
         1026  +		margin-left: 0.1in;
         1027  +		flex-flow: row;
         1028  +		> a[href].thumb {
         1029  +			display: block;
         1030  +			width: 1.5in;
         1031  +			padding: 0.1in;
         1032  +			height: max-content;
         1033  +			> img {
         1034  +				width: 1.5in; height: 1.5in;
         1035  +			}
         1036  +			> .caption {
         1037  +				text-align: center;
         1038  +				font-size: 80%;
         1039  +			}
         1040  +		}
         1041  +	}
         1042  +	.dir {
         1043  +		grid-row: 2/3; grid-column: 1/3;
         1044  +		margin-top: 0.1in;
         1045  +		flex-flow: column;
         1046  +		flex-grow: 1;
         1047  +		> a[href].file {
         1048  +			padding: 0.1in 0.15in;
         1049  +			text-decoration: none;
         1050  +			height: max-content;
         1051  +			background-image: url(/s/file.webp); //TODO different icons for different mime types
         1052  +			background-repeat: no-repeat;
         1053  +			background-position: left;
         1054  +			padding-left: 0.4in;
         1055  +			> .label {
         1056  +				text-decoration: underline;
         1057  +			}
         1058  +			> .mime {
         1059  +				font-style: italic;
         1060  +				opacity: 60%;
         1061  +				margin-left: 0.5ex;
         1062  +			}
         1063  +		}
         1064  +	}
         1065  +}
         1066  +
         1067  +.media.upload form {
         1068  +	padding: 0.1in 0.2in;
         1069  +	@extend %box;
         1070  +}