enhavements to blur effects

This commit is contained in:
Nuno Coração
2022-11-06 00:59:44 +00:00
parent 9848ca7b44
commit 83f28f8cca
5 changed files with 31 additions and 16 deletions
+9 -4
View File
@@ -1651,12 +1651,12 @@ select {
height: 2rem;
}
.h-\[200px\] {
height: 200px;
.h-\[300px\] {
height: 300px;
}
.h-\[700px\] {
height: 700px;
.h-\[900px\] {
height: 900px;
}
.h-36 {
@@ -2376,6 +2376,11 @@ select {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur-xl {
--tw-blur: blur(24px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);