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 floating-bar in home page

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-03 21:49:55 +05:30
parent 6948e27e1d
commit 6835a31b27
4 changed files with 90 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
htdocs/assets/style.css
View File

@@ -538,6 +538,11 @@ video {
position: relative;
}
.inset-x-0 {
left: 0px;
right: 0px;
}
.bottom-0 {
bottom: 0px;
}
@@ -550,6 +555,10 @@ video {
bottom: 5.5rem;
}
.bottom-\[7vh\] {
bottom: 7vh;
}
.left-0 {
left: 0px;
}
@@ -566,6 +575,10 @@ video {
left: 3.2rem;
}
.left-\[50vw\] {
left: 50vw;
}
.right-0 {
right: 0px;
}
@@ -614,6 +627,10 @@ video {
z-index: 100;
}
.z-\[50\] {
z-index: 50;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
@@ -1133,6 +1150,10 @@ video {
padding: 0.75rem;
}
.p-\[0\.30rem\] {
padding: 0.30rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
@@ -1168,6 +1189,11 @@ video {
padding-right: 1.75rem;
}
.px-\[0\.80rem\] {
padding-left: 0.80rem;
padding-right: 0.80rem;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
@@ -1348,11 +1374,28 @@ video {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_30px\] {
--tw-shadow: 0px 0px 30px;
--tw-shadow-colored: 0px 0px 30px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_0px_20px\] {
--tw-shadow: 0px 0px 20px;
--tw-shadow-colored: 0px 0px 20px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-accent_primary {
--tw-shadow-color: #38BDF8;
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-accent_primary_extratransparent {
--tw-shadow-color: rgba(56, 189, 248, 0.15);
--tw-shadow: var(--tw-shadow-colored);
}
.shadow-accent_primary_transparent {
--tw-shadow-color: rgba(56, 189, 248, 0.30);
--tw-shadow: var(--tw-shadow-colored);
@@ -1448,6 +1491,12 @@ video {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-\[0px_0px_30px\]:hover {
--tw-shadow: 0px 0px 30px;
--tw-shadow-colored: 0px 0px 30px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-accent_primary_transparent:hover {
--tw-shadow-color: rgba(56, 189, 248, 0.30);
--tw-shadow: var(--tw-shadow-colored);
@@ -1458,6 +1507,11 @@ video {
--tw-shadow: var(--tw-shadow-colored);
}
.hover\:shadow-accent_primary_extratransparent:hover {
--tw-shadow-color: rgba(56, 189, 248, 0.15);
--tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:flex {
display: flex;
}