1
1
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-20 01:09:35 +05:30

(refactor): changed view now button hover effect on featured projects section in projects page

This commit is contained in:
2023-11-19 21:37:43 +05:30
parent 348a8d7ea1
commit ba0b80a38e
3 changed files with 65 additions and 2 deletions

View File

@@ -1074,6 +1074,10 @@ video {
border-radius: 0.75rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.border-\[1px\] {
border-width: 1px;
}
@@ -1121,6 +1125,21 @@ video {
border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-accent_four {
--tw-border-opacity: 1;
border-color: rgb(172 203 222 / var(--tw-border-opacity));
}
.border-bg_secondary {
--tw-border-opacity: 1;
border-color: rgb(30 41 59 / var(--tw-border-opacity));
}
.border-bg_primary {
--tw-border-opacity: 1;
border-color: rgb(15 23 42 / var(--tw-border-opacity));
}
.border-l-accent_primary {
--tw-border-opacity: 1;
border-left-color: rgb(56 189 248 / var(--tw-border-opacity));
@@ -1160,6 +1179,40 @@ video {
background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.bg-accent_secondary {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-accent_three {
--tw-bg-opacity: 1;
background-color: rgb(217 217 217 / var(--tw-bg-opacity));
}
.bg-accent_secondary_transparent {
background-color: rgba(255, 255, 255, 0.30);
}
.bg-\[rgba\(255\2c _255\2c _255\2c _0\.5\)\] {
background-color: rgba(255, 255, 255, 0.5);
}
.bg-\[rgba\(255\2c _255\2c _255\2c _0\.7\)\] {
background-color: rgba(255, 255, 255, 0.7);
}
.bg-\[rgba\(255\2c _255\2c _255\2c _0\.6\)\] {
background-color: rgba(255, 255, 255, 0.6);
}
.bg-\[rgba\(255\2c _255\2c _255\2c _0\.3\)\] {
background-color: rgba(255, 255, 255, 0.3);
}
.bg-\[rgba\(255\2c _255\2c _255\2c _0\.25\)\] {
background-color: rgba(255, 255, 255, 0.25);
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
@@ -1540,11 +1593,21 @@ video {
background-color: rgb(38 51 74 / var(--tw-bg-opacity));
}
.hover\:bg-accent_primary:hover {
--tw-bg-opacity: 1;
background-color: rgb(56 189 248 / var(--tw-bg-opacity));
}
.hover\:text-accent_secondary:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-bg_primary:hover {
--tw-text-opacity: 1;
color: rgb(15 23 42 / var(--tw-text-opacity));
}
.hover\:shadow-\[0px_0px_30px\]:hover {
--tw-shadow: 0px 0px 30px;
--tw-shadow-colored: 0px 0px 30px var(--tw-shadow-color);