parsav  Diff

Differences From Artifact [1f479ddac7]:

• File static/style.scss — part of check-in [d228cd7fcb] at 2020-12-28 23:42:22 on branch trunk — vastly improve the setup process (user: lexi, size: 11473) [annotate] [blame] [check-ins using]

To Artifact [a08d589c48]:

• File static/style.scss — part of check-in [0324d62546] at 2020-12-30 00:43:11 on branch trunk — continued iteration (user: lexi, size: 11938) [annotate] [blame] [check-ins using]

   127    127   	tone(-50%),
   128    128   	tone(-35%)
   129    129   );
   130    130   
   131    131   input[type='text'], input[type='password'], textarea {
   132    132   	@extend %serif;
   133    133   	padding: 0.08in 0.1in;
          134  +	box-sizing: border-box;
   134    135   	border: 1px solid black;
   135    136   	background: linear-gradient(to bottom, tone(-55%), tone(-40%));
   136    137   	font-size: 16pt;
   137    138   	color: tone(25%);
   138    139   	box-shadow: inset 0 0 20px -3px tone(-55%);
   139    140   	&:focus {
   140    141   		color: white;
................................................................................
   362    363   		> a { @extend %button; grid-column: 1 / 2; grid-row: 3/4; }
   363    364   	}
   364    365   }
   365    366   
   366    367   form.compose {
   367    368   	@extend %box;
   368    369   	display: grid;
   369         -	grid-template-columns: 1.1in 2fr min-content 1fr;
          370  +	grid-template-columns: 1.1in 2fr min-content 1fr 1.5fr;
   370    371   	grid-template-rows: 1fr min-content;
   371    372   	grid-gap: 2px;
   372    373   	padding: 0.1in;
   373    374   	> img { grid-column: 1/2; grid-row: 1/3; width: 1in; height: 1in;}
   374    375   	> textarea {
   375         -		grid-column: 2/5; grid-row: 1/2; height: 3in;
          376  +		grid-column: 2/6; grid-row: 1/2; height: 3in;
   376    377   		resize: vertical;
   377    378   		margin-bottom: 0.08in;
   378    379   	}
   379    380   	> input[name="acl"] { grid-column: 2/3; grid-row: 2/3; }
   380         -	> button { grid-column: 4/5; grid-row: 2/3; }
          381  +	> button[value="post"] { grid-column: 5/6; grid-row: 2/3; }
          382  +	> button[value="attach"] { grid-column: 4/5; grid-row: 2/3; }
   381    383   	a.help[href] { margin-right: 0.05in }
   382    384   }
   383    385   
   384    386   a.help[href] {
   385    387   	display: block;
   386    388   	text-align: center;
   387    389   	padding: 0.09in 0.2in;
................................................................................
   541    543   			padding-top: 0.12in;
   542    544   			background: linear-gradient(to right, tone(-50%), tone(-50%,-0.7));
   543    545   			border: 1px solid tone(-55%);
   544    546   			border-left: none;
   545    547   			text-shadow: 1px 1px 0 black;
   546    548   		}
   547    549   	}
          550  +
          551  +}
          552  +
          553  +form {
          554  +	.elem {
          555  +		margin: 0.1in 0;
          556  +		label { display:block; font-weight: bold; padding: 0.03in 0; }
          557  +		.txtbox {
          558  +			@extend %serif;
          559  +			box-sizing: border-box;
          560  +			padding: 0.08in 0.1in;
          561  +			border: 1px solid black;
          562  +			background: tone(-55%);
          563  +		}
          564  +		input, textarea, .txtbox {
          565  +			display: block;
          566  +			width: 100%;
          567  +		}
          568  +		button { float: right; width: 50%; }
          569  +	}
   548    570   }