[design] improve theme preset preview

zombieFox · zombieFox · commit 4d9b6628ae09 · 2019-12-29T17:20:27.000-07:00
diff --git a/src/css/theme.css b/src/css/theme.css
@@ -60,12 +60,13 @@
 }
 
 .theme-preset-accent{
- clip-path: circle(20% at 100% 100%);
+ clip-path: circle(30% at 100% 100%);
 z-index: 5;
 }
 
 .theme-preset-font{
- padding: 0.25em;
+ padding: 0.5em;
+ line-height: 1.2;
 display: flex;
 flex-direction: column;
 justify-content: center;
@@ -105,7 +106,7 @@
 
 .theme-preset-button:focus .theme-preset-accent,
 .theme-preset-button:hover .theme-preset-accent{
- clip-path: circle(30% at 100% 100%);
+ clip-path: circle(40% at 100% 100%);
 transition-delay: var(--layout-duration-04);
 }
 

-Original file line number
+Diff line change
+}
 .theme-preset-accent{
 -clip-path:circle(20% at 100%100%);
 +clip-path:circle(30% at 100%100%);
 z-index:5;
+}
 .theme-preset-font{
 -padding:0.25em;
 +padding:0.5em;
 +line-height:1.2;
 display: flex;
 flex-direction: column;
 justify-content: center;
 .theme-preset-button:focus .theme-preset-accent,
 .theme-preset-button:hover .theme-preset-accent{
 -clip-path:circle(30% at 100%100%);
 +clip-path:circle(40% at 100%100%);
 transition-delay:var(--layout-duration-04);
+}