avinal/box-box
1
0
Fork 0
mirror of https://github.com/avinal/box-box.git synced 2026-01-11 14:08:32 +05:30
Code Issues Packages Releases Wiki Activity

feat: put some colors in the world

Browse Source 
Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>
This commit is contained in:
Morumotto
2025-01-01 17:13:08 +05:30
parent e5f7f9e53e
commit 54b5b091fe
6 changed files with 70 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
assets/css/main.css
View File

@@ -1163,6 +1163,10 @@ video {
bottom: 0px;
}
.col-span-12 {
grid-column: span 12 / span 12;
}
.-m-4 {
margin: -1rem;
}
@@ -1222,6 +1226,10 @@ video {
height: 11rem;
}
.h-60 {
height: 15rem;
}
.h-64 {
height: 16rem;
}
@@ -1386,6 +1394,11 @@ video {
padding: 1rem;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
@@ -1463,16 +1476,16 @@ video {
color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -1778,14 +1791,19 @@ video {
}
}
.hover\:bg-black:hover {
.hover\:bg-cyan-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
background-color: rgb(34 211 238 / var(--tw-bg-opacity, 1));
}
.hover\:bg-white:hover {
.hover\:bg-pink-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
background-color: rgb(244 114 182 / var(--tw-bg-opacity, 1));
}
.hover\:bg-teal-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(45 212 191 / var(--tw-bg-opacity, 1));
}
.hover\:font-bold:hover {
@@ -1797,15 +1815,15 @@ video {
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
.hover\:grayscale-0:hover {
--tw-grayscale: grayscale(0);
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);
}
.focus\:no-underline:focus {
text-decoration-line: none;
}