mirror of
https://github.com/zombieFox/nightTab.git
synced 2024-11-30 12:04:48 +01:00
[design] improve theme preset preview
This commit is contained in:
parent
484ea71acc
commit
4d9b6628ae
@ -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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user