parsav  Diff

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

To Artifact [cb730b53e2]:

• File static/style.scss — part of check-in [c43a1b6e9d] at 2021-01-14 17:37:19 on branch trunk — circle management complete (user: lexi, size: 27952) [annotate] [blame] [check-ins using]

    89     89   	--icon: url(/s/heart.webp);
    90     90   	background-image: linear-gradient(to bottom,
    91     91   		otone(-41%),
    92     92   		otone(-43%) 15%,
    93     93   		otone(-46%) 75%,
    94     94   		otone(-50%)
    95     95   	);
           96  +	background-repeat: no-repeat; // necessary to keep gradients from glitching out under failfucks
    96     97   	&:hover, &:focus {
    97     98   		@extend %glow;
    98     99   		outline: none;
    99    100   		color: tone(-55%);
   100    101   		text-shadow: none;
   101    102   		background: linear-gradient(to bottom,
   102    103   			otone(-27%),
................................................................................
   259    260   			}
   260    261   			> a[href].bell { content: url(/s/bell.svg); }
   261    262   			> a[href].gear { content: url(/s/gear.svg); }
   262    263   			> a[href].pen { content: url(/s/pen.svg); }
   263    264   		}
   264    265   	}
   265    266   }
          267  +
   266    268   
   267    269   main {
   268    270   	@extend %content;
   269    271   	display: block;
   270    272   	position: relative;
   271    273   	min-height: calc(100vh - 1.1in);
   272    274   	margin-top: 0;
................................................................................
   292    294   		font-size: 80%;
   293    295   		vertical-align: text-top;
   294    296   	}
   295    297   }
   296    298   
   297    299   body.profile {
   298    300   	#rel {
          301  +		.check-panel { margin-top: 0.6em; }
          302  +		.check-panel + menu { margin-bottom: 2em; }
   299    303   		menu {
   300    304   			display: grid;
   301    305   			grid-template-columns: 1fr 1fr;
   302    306   			grid-template-rows: repeat(max-content);
   303    307   			grid-gap: 0.1in;
   304    308   			> .opt {
   305    309   				padding: 0.1in;
   306    310   				border-radius: 5px;
   307    311   				border: 1px solid transparent;
   308    312   				&.on {
   309         -					background-color: tone(-30%, -0.7);
   310         -					border-color: tone(-20%) transparent;
          313  +					background: linear-gradient(to bottom, tone(-30%, -0.7), transparent 80%);
          314  +					background-repeat: no-repeat;
          315  +					border-top-color: tone(-30%);
   311    316   				}
   312    317   				> button, > p, > a[href] { display: block; }
   313    318   				> p { text-align: center; font-size: 80%; margin: 0; margin-top: 0.1in; }
   314    319   				> button, > a[href] {
   315    320   					width: max-content;
   316    321   					margin: auto;
   317    322   				}
................................................................................
  1265   1270   			}
  1266   1271   			&:hover {
  1267   1272   				background-position: 0 0;
  1268   1273   			}
  1269   1274   		}
  1270   1275   	}
  1271   1276   }
         1277  +
         1278  +.modal .check-panel {
         1279  +	> label { margin: 0.1em; } 
         1280  +}