neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-20 02:19:34 +05:30
Code Issues Wiki Activity

(feat): improved serchbar open, close animation and added blurry search background (refactor): updated flotingbar config

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-06 20:15:45 +05:30
parent 448700e364
commit 211d40affc
5 changed files with 87 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
htdocs/assets/style.css
View File

@@ -615,6 +615,10 @@ video {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.z-50 {
z-index: 50;
}
@@ -941,10 +945,6 @@ video {
width: 100vw;
}
.w-\[40vw\] {
width: 40vw;
}
.rotate-\[15deg\] {
--tw-rotate: 15deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1094,6 +1094,10 @@ video {
border-top-color: rgb(56 189 248 / var(--tw-border-opacity));
}
.bg-\[rgba\(0\2c _0\2c _0\2c _0\.4\)\] {
background-color: rgba(0, 0, 0, 0.4);
}
.bg-accent_primary {
--tw-bg-opacity: 1;
background-color: rgb(56 189 248 / var(--tw-bg-opacity));
@@ -1201,11 +1205,6 @@ video {
padding-bottom: 0.30rem;
}
.px-\[0\.82rem\] {
padding-left: 0.82rem;
padding-right: 0.82rem;
}
.text-center {
text-align: center;
}
@@ -1291,6 +1290,10 @@ video {
color: rgb(15 23 42 / var(--tw-text-opacity));
}
.caret-accent_primary {
caret-color: #38BDF8;
}
.opacity-20 {
opacity: 0.2;
}
@@ -1355,6 +1358,11 @@ video {
--tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
outline: 2px solid transparent;
outline-offset: 2px;
}
.blur-2xl {
--tw-blur: blur(40px);
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);
@@ -1365,6 +1373,17 @@ video {
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-lg {
--tw-backdrop-blur: blur(16px);
-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);
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);
}
.backdrop-filter {
-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);
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);
}
.transition {
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
@@ -1385,24 +1404,6 @@ video {
transition-duration: 150ms;
}
.transition-\[width\] {
transition-property: width;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[width_box-shadow\] {
transition-property: width box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.transition-\[width\2c _box-shadow\] {
transition-property: width, box-shadow;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.duration-100 {
transition-duration: 100ms;
}
@@ -1415,10 +1416,6 @@ video {
transition-duration: 500ms;
}
.duration-1000 {
transition-duration: 1000ms;
}
.last\:mb-3:last-child {
margin-bottom: 0.75rem;
}