[design] improve theme preset preview

This commit is contained in:
zombieFox 2019-12-29 17:20:27 -07:00
parent 484ea71acc
commit 4d9b6628ae

View File

@ -60,12 +60,13 @@
} }
.theme-preset-accent { .theme-preset-accent {
clip-path: circle(20% at 100% 100%); clip-path: circle(30% at 100% 100%);
z-index: 5; z-index: 5;
} }
.theme-preset-font { .theme-preset-font {
padding: 0.25em; padding: 0.5em;
line-height: 1.2;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -105,7 +106,7 @@
.theme-preset-button:focus .theme-preset-accent, .theme-preset-button:focus .theme-preset-accent,
.theme-preset-button:hover .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); transition-delay: var(--layout-duration-04);
} }