mirror of
https://github.com/mountain-loop/yaak.git
synced 2026-04-22 16:48:30 +02:00
Better variable placeholder styles
This commit is contained in:
@@ -52,10 +52,10 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.placeholder-widget {
|
.placeholder-widget {
|
||||||
@apply text-xs text-violet-700 dark:text-violet-800 px-1 rounded cursor-default dark:shadow;
|
@apply text-xs text-violet-700 dark:text-violet-700 px-1 rounded cursor-default dark:shadow;
|
||||||
|
|
||||||
/* NOTE: Background and border are translucent so we can see text selection through it */
|
/* NOTE: Background and border are translucent so we can see text selection through it */
|
||||||
@apply bg-violet-400/30 border border-violet-500/20 border-opacity-40;
|
@apply bg-violet-500/20 border border-violet-500/20 border-opacity-40;
|
||||||
|
|
||||||
/* Bring above on hover */
|
/* Bring above on hover */
|
||||||
@apply hover:z-10 relative;
|
@apply hover:z-10 relative;
|
||||||
@@ -63,7 +63,7 @@
|
|||||||
-webkit-text-security: none;
|
-webkit-text-security: none;
|
||||||
|
|
||||||
&.placeholder-widget-error {
|
&.placeholder-widget-error {
|
||||||
@apply bg-red-300/40 border-red-300/80 border-opacity-40 hover:border-red-300 hover:bg-red-300/50;
|
@apply text-red-700 dark:text-red-800 bg-red-300/40 border-red-300/80 border-opacity-40 hover:border-red-300 hover:bg-red-300/50;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user