parsav  Diff

Differences From 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]

To Artifact [2a06f65525]:

• File static/style.scss — part of check-in [ac4a630ad5] at 2020-12-30 02:44:15 on branch trunk — enable profile editing (user: lexi, size: 12680) [annotate] [blame] [check-ins using]

   557    557   		.txtbox {
   558    558   			@extend %serif;
   559    559   			box-sizing: border-box;
   560    560   			padding: 0.08in 0.1in;
   561    561   			border: 1px solid black;
   562    562   			background: tone(-55%);
   563    563   		}
          564  +		textarea { resize: vertical; min-height: 2in; }
   564    565   		input, textarea, .txtbox {
   565    566   			display: block;
   566    567   			width: 100%;
   567    568   		}
   568    569   		button { float: right; width: 50%; }
   569    570   	}
   570    571   }
          572  +
          573  +@keyframes flashup {
          574  +	0% { opacity: 0; transform: scale(0.8); }
          575  +	10% { opacity: 1; transform: scale(1.1); }
          576  +	80% { opacity: 1; transform: scale(1); }
          577  +	100% { opacity: 0; transform: scale(0.9) translateY(-0.12in); display: none; }
          578  +}
          579  +.flashmsg {
          580  +	display: block;
          581  +	position: fixed;
          582  +	top: 1.3in;
          583  +	max-width: 3in;
          584  +	padding: 0.5in 0.2in;
          585  +	left: 0; right: 0;
          586  +	text-align: center;
          587  +	text-shadow: 0 0 15px tone(10%);
          588  +	margin: auto;
          589  +	background: linear-gradient(to bottom, tone(-49%), tone(-43%,-0.1));
          590  +	border: 1px solid tone(0%);
          591  +	border-radius: 3px;
          592  +	box-shadow: 0 0 50px tone(-55%);
          593  +	color: white;
          594  +	animation: ease forwards flashup;
          595  +	//cubic-bezier(0.4, 0.63, 0.6, 0.31)
          596  +	animation-duration: 3s;
          597  +}