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

(feat): implemented basic search window panel with animation

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-07 19:40:42 +05:30
parent 0d226235f5
commit 5e6e9c801b
4 changed files with 96 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
htdocs/assets/style.css
View File

@@ -607,6 +607,14 @@ video {
top: 4.7rem;
}
.top-\[20vh\] {
top: 20vh;
}
.top-\[30vh\] {
top: 30vh;
}
.z-10 {
z-index: 10;
}
@@ -631,6 +639,10 @@ video {
z-index: 50;
}
.z-40 {
z-index: 40;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
@@ -676,6 +688,11 @@ video {
margin-bottom: 0.30rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.mb-1 {
margin-bottom: 0.25rem;
}
@@ -880,6 +897,22 @@ video {
height: 100vh;
}
.min-h-\[40vh\] {
min-height: 40vh;
}
.min-h-\[60vh\] {
min-height: 60vh;
}
.min-h-\[50vh\] {
min-height: 50vh;
}
.min-h-\[30vh\] {
min-height: 30vh;
}
.w-0 {
width: 0px;
}
@@ -945,6 +978,30 @@ video {
width: 100vw;
}
.w-\[50vw\] {
width: 50vw;
}
.w-\[40vw\] {
width: 40vw;
}
.w-\[45vw\] {
width: 45vw;
}
.w-\[43vw\] {
width: 43vw;
}
.w-\[44vw\] {
width: 44vw;
}
.w-\[20vw\] {
width: 20vw;
}
.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));
@@ -1032,6 +1089,10 @@ video {
border-radius: 0.5rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.border-\[1px\] {
border-width: 1px;
}
@@ -1113,6 +1174,11 @@ video {
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.bg-bg_third {
--tw-bg-opacity: 1;
background-color: rgb(38 51 74 / var(--tw-bg-opacity));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
@@ -1373,17 +1439,6 @@ 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;