parsav: Diff

Differences From Artifact [2db0a5b279]:

File static/style.scss — part of check-in [03ea3dffe7] at 2021-01-14 01:11:51 on branch trunk — more work on UI and circles (user: lexi, size: 27559) [annotate] [blame] [check-ins using]

To Artifact [cdc5fd8fbb]:

File static/style.scss — part of check-in [e78334fe04] at 2021-01-14 05:31:36 on branch trunk — more progress on ui & circles (user: lexi, size: 27650) [annotate] [blame] [check-ins using]

   171    171   		outline: none;
   172    172   		@extend %glow;
   173    173   	}
   174    174   }
   175    175   select { width: 100%; }
   176    176   
   177    177   @mixin glass {
          178  +	box-shadow: inset 0 0 1.5em tone(-56%);
   178    179   	@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
   179    180   		backdrop-filter: blur(40px);
   180    181   		-webkit-backdrop-filter: blur(40px);
   181    182   		background-color: tone(-53%, -0.7);
   182    183   	}
   183    184   	@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
   184    185   		background-color: tone(-53%, -0.1);
................................................................................
   242    243   				//padding: calc((25% - 1em)/2) 0.15in;
   243    244   				&, &::after { transition: 0.3s; }
   244    245   				text-shadow: 1px 1px 1px black;
   245    246   				&:hover{
   246    247   					transform: scale(1.2);
   247    248   				}
   248    249   			}
   249         -			> a[href].bell, a[href].gear {
          250  +			> a[href].bell, a[href].gear, a[href].pen {
   250    251   				height: 2em;
          252  +				width: 2em;
   251    253   				padding: 0.125in 0.05in;
   252    254   				filter: drop-shadow(1px 1px 3px tone(-5%));
   253    255   				&:hover {
   254    256   					filter: drop-shadow(1px 1px 3px tone(-5%))
   255    257   						drop-shadow(0 0 10px tone(-5%));
   256    258   				}
   257    259   			}
   258    260   			> a[href].bell { content: url(/s/bell.svg); }
   259    261   			> a[href].gear { content: url(/s/gear.svg); }
          262  +			> a[href].pen { content: url(/s/pen.svg); }
   260    263   		}
   261    264   	}
   262    265   }
   263    266   
   264    267   main {
   265    268   	@extend %content;
   266    269   	display: block;
................................................................................
   300    303   			grid-gap: 0.1in;
   301    304   			> .opt {
   302    305   				padding: 0.1in;
   303    306   				border-radius: 5px;
   304    307   				border: 1px solid transparent;
   305    308   				&.on {
   306    309   					background-color: tone(-30%, -0.7);
   307         -					box-shadow: 0 0 10px tone(-30%);
   308         -					border-color: tone(-20%);
          310  +					border-color: tone(-20%) transparent;
   309    311   				}
   310    312   				> button, > p, > a[href] { display: block; }
   311    313   				> p { text-align: center; font-size: 80%; margin: 0; margin-top: 0.1in; }
   312    314   				> button, > a[href] {
   313    315   					width: max-content;
   314    316   					margin: auto;
   315    317   				}

parsav Diff

Differences From Artifact [2db0a5b279]:

To Artifact [cdc5fd8fbb]: