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

(refactor): replaced mobile fontawesome hamberger icon with two lines

Browse Source
This commit is contained in:
Subhamoy Biswas
2024-03-21 23:10:59 +05:30
parent 8bc9e89bb3
commit d9a15bf888
2 changed files with 71 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
htdocs/assets/style.css
View File

@@ -1025,10 +1025,6 @@ video {
height: 40px;
}
.h-\[45vh\] {
height: 45vh;
}
.h-\[50px\] {
height: 50px;
}
@@ -1143,16 +1139,16 @@ video {
width: 100vw;
}
.max-w-full {
max-width: 100%;
.w-\[20px\] {
width: 20px;
}
.max-w-\[70vw\] {
max-width: 70vw;
.w-\[330px\] {
width: 330px;
}
.max-w-\[50vw\] {
max-width: 50vw;
.w-\[25px\] {
width: 25px;
}
.max-w-\[45vw\] {
@@ -1163,11 +1159,61 @@ video {
transform-origin: left;
}
.translate-x-1\/2 {
--tw-translate-x: 50%;
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));
}
.translate-y-1\/2 {
--tw-translate-y: 50%;
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));
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
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));
}
.-translate-y-1\/2 {
--tw-translate-y: -50%;
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));
}
.translate-x-1 {
--tw-translate-x: 0.25rem;
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));
}
.-translate-y-\[2px\] {
--tw-translate-y: -2px;
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));
}
.translate-y-\[2px\] {
--tw-translate-y: 2px;
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));
}
.-translate-y-\[1px\] {
--tw-translate-y: -1px;
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));
}
.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));
}
.-rotate-45 {
--tw-rotate: -45deg;
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));
}
.rotate-45 {
--tw-rotate: 45deg;
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));
}
.scale-\[0\.70\] {
--tw-scale-x: 0.70;
--tw-scale-y: 0.70;
@@ -1357,6 +1403,14 @@ video {
border-top-width: 5px;
}
.border-t-\[2px\] {
border-top-width: 2px;
}
.border-t-\[10px\] {
border-top-width: 10px;
}
.border-\[rgb\(22\2c _163\2c _74\)\] {
--tw-border-opacity: 1;
border-color: rgb(22 163 74 / var(--tw-border-opacity));
@@ -1996,10 +2050,6 @@ video {
display: block;
}
.md\:h-\[60vh\] {
height: 60vh;
}
.md\:max-h-\[60vh\] {
max-height: 60vh;
}
@@ -2020,10 +2070,6 @@ video {
width: 50vw;
}
.md\:max-w-\[35vw\] {
max-width: 35vw;
}
.md\:max-w-\[30vw\] {
max-width: 30vw;
}