updated conditional styling

This commit is contained in:
specCon18 2023-08-10 22:02:54 -04:00
parent 60f28672d3
commit 4cb62d830d
8 changed files with 1115 additions and 30 deletions

View file

@ -555,18 +555,10 @@ video {
display: table;
}
.h-6 {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.w-6 {
width: 1.5rem;
}
.w-8 {
width: 2rem;
}
@ -596,14 +588,14 @@ video {
border-color: rgb(3 7 18 / var(--tw-border-opacity));
}
.bg-gray-300 {
.bg-blue-400 {
--tw-bg-opacity: 1;
background-color: rgb(209 213 219 / var(--tw-bg-opacity));
background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.bg-gray-500 {
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-purple-500 {
@ -611,11 +603,26 @@ video {
background-color: rgb(168 85 247 / var(--tw-bg-opacity));
}
.bg-red-400 {
--tw-bg-opacity: 1;
background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.bg-slate-700 {
--tw-bg-opacity: 1;
background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}
.bg-yellow-400 {
--tw-bg-opacity: 1;
background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
.bg-green-400 {
--tw-bg-opacity: 1;
background-color: rgb(74 222 128 / var(--tw-bg-opacity));
}
.p-2 {
padding: 0.5rem;
}
@ -643,6 +650,10 @@ video {
font-weight: 700;
}
.capitalize {
text-transform: capitalize;
}
.text-gray-100 {
--tw-text-opacity: 1;
color: rgb(243 244 246 / var(--tw-text-opacity));