added features, card's and team
This commit is contained in:
merajjahir
445
dist/tailshape.css
vendored
445
dist/tailshape.css
vendored
@@ -692,6 +692,14 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
grid-column: auto;
|
||||
}
|
||||
|
||||
.col-span-12 {
|
||||
grid-column: span 12 / span 12;
|
||||
}
|
||||
|
||||
.row-start-1 {
|
||||
grid-row-start: 1;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
@@ -1194,6 +1202,18 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-left: 2.5rem;
|
||||
}
|
||||
|
||||
.-mt-10 {
|
||||
margin-top: -2.5rem;
|
||||
}
|
||||
|
||||
.mb-14 {
|
||||
margin-bottom: 3.5rem;
|
||||
}
|
||||
|
||||
.ml-7 {
|
||||
margin-left: 1.75rem;
|
||||
}
|
||||
|
||||
.block {
|
||||
display: block;
|
||||
}
|
||||
@@ -1226,6 +1246,14 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
display: none;
|
||||
}
|
||||
|
||||
.aspect-video {
|
||||
aspect-ratio: 16 / 9;
|
||||
}
|
||||
|
||||
.aspect-square {
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 2.5rem;
|
||||
}
|
||||
@@ -1330,6 +1358,30 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
height: 12rem;
|
||||
}
|
||||
|
||||
.h-60 {
|
||||
height: 15rem;
|
||||
}
|
||||
|
||||
.h-72 {
|
||||
height: 18rem;
|
||||
}
|
||||
|
||||
.h-\[28rem\] {
|
||||
height: 28rem;
|
||||
}
|
||||
|
||||
.h-80 {
|
||||
height: 20rem;
|
||||
}
|
||||
|
||||
.h-1\.5 {
|
||||
height: 0.375rem;
|
||||
}
|
||||
|
||||
.h-32 {
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
.max-h-0 {
|
||||
max-height: 0px;
|
||||
}
|
||||
@@ -1514,10 +1566,26 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
width: 0.25rem;
|
||||
}
|
||||
|
||||
.w-56 {
|
||||
width: 14rem;
|
||||
}
|
||||
|
||||
.w-\[28rem\] {
|
||||
width: 28rem;
|
||||
}
|
||||
|
||||
.w-1\.5 {
|
||||
width: 0.375rem;
|
||||
}
|
||||
|
||||
.min-w-0 {
|
||||
min-width: 0px;
|
||||
}
|
||||
|
||||
.min-w-full {
|
||||
min-width: 100%;
|
||||
}
|
||||
|
||||
.max-w-\[520px\] {
|
||||
max-width: 520px;
|
||||
}
|
||||
@@ -1754,6 +1822,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.-scroll-my-10 {
|
||||
scroll-margin-top: -2.5rem;
|
||||
scroll-margin-bottom: -2.5rem;
|
||||
}
|
||||
|
||||
.list-disc {
|
||||
list-style-type: disc;
|
||||
}
|
||||
@@ -2045,6 +2118,12 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse)));
|
||||
}
|
||||
|
||||
.space-y-24 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(6rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(6rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 1;
|
||||
}
|
||||
@@ -2176,6 +2255,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.rounded-3xl {
|
||||
border-radius: 1.5rem;
|
||||
}
|
||||
|
||||
.rounded-t-xl {
|
||||
border-top-left-radius: 0.75rem;
|
||||
border-top-right-radius: 0.75rem;
|
||||
@@ -2231,6 +2314,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
border-bottom-right-radius: 9999px;
|
||||
}
|
||||
|
||||
.rounded-t-md {
|
||||
border-top-left-radius: 0.375rem;
|
||||
border-top-right-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.rounded-tl {
|
||||
border-top-left-radius: 0.25rem;
|
||||
}
|
||||
@@ -2477,6 +2565,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
border-color: rgb(20 184 166 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-blue-600 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(37 99 235 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-b-gray-800 {
|
||||
--tw-border-opacity: 1;
|
||||
border-bottom-color: rgb(31 41 55 / var(--tw-border-opacity));
|
||||
@@ -2487,6 +2580,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
border-bottom-color: rgb(107 114 128 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-r-gray-200 {
|
||||
--tw-border-opacity: 1;
|
||||
border-right-color: rgb(229 231 235 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-opacity-50 {
|
||||
--tw-border-opacity: 0.5;
|
||||
}
|
||||
@@ -3985,6 +4083,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.decoration-blue-500 {
|
||||
-webkit-text-decoration-color: #3b82f6;
|
||||
text-decoration-color: #3b82f6;
|
||||
}
|
||||
|
||||
.antialiased {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
@@ -4177,6 +4280,12 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
}
|
||||
|
||||
.ring-4 {
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
||||
}
|
||||
|
||||
.ring-gray-800 {
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity));
|
||||
@@ -4187,6 +4296,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
--tw-ring-color: rgb(107 33 168 / var(--tw-ring-opacity));
|
||||
}
|
||||
|
||||
.ring-gray-300 {
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
|
||||
}
|
||||
|
||||
.blur {
|
||||
--tw-blur: blur(8px);
|
||||
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);
|
||||
@@ -4367,6 +4481,37 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
color: rgb(156 163 175 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.before\:mx-auto::before {
|
||||
content: var(--tw-content);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.before\:mb-5::before {
|
||||
content: var(--tw-content);
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.before\:block::before {
|
||||
content: var(--tw-content);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.before\:h-3::before {
|
||||
content: var(--tw-content);
|
||||
height: 0.75rem;
|
||||
}
|
||||
|
||||
.before\:w-24::before {
|
||||
content: var(--tw-content);
|
||||
width: 6rem;
|
||||
}
|
||||
|
||||
.before\:rounded-md::before {
|
||||
content: var(--tw-content);
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
|
||||
.after\:content-\[\'\+\'\]::after {
|
||||
--tw-content: '+';
|
||||
content: var(--tw-content);
|
||||
@@ -4457,6 +4602,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
border-color: rgb(59 130 246 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.hover\:border-transparent:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.hover\:border-b-blue-300:hover {
|
||||
--tw-border-opacity: 1;
|
||||
border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity));
|
||||
@@ -5030,6 +5179,16 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.focus\:bg-gray-400:focus {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(156 163 175 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.focus\:bg-gray-700:focus {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.focus\:text-white:focus {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
@@ -5317,6 +5476,21 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
color: rgb(31 41 55 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-white {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:text-gray-300 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:underline {
|
||||
-webkit-text-decoration-line: underline;
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.group:focus .group-focus\:max-h-screen {
|
||||
max-height: 100vh;
|
||||
}
|
||||
@@ -5478,6 +5652,16 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
border-color: rgb(6 182 212 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:border-blue-300 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(147 197 253 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:border-blue-400 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(96 165 250 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:bg-gray-800 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
@@ -5638,6 +5822,21 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
background-color: rgb(153 27 27 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:bg-green-400 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(74 222 128 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:bg-blue-300 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:bg-blue-500 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:bg-opacity-40 {
|
||||
--tw-bg-opacity: 0.4;
|
||||
}
|
||||
@@ -5987,6 +6186,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
color: rgb(147 51 234 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:text-blue-900 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(30 58 138 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:placeholder-white::-moz-placeholder {
|
||||
--tw-placeholder-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-placeholder-opacity));
|
||||
@@ -6132,6 +6336,18 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
color: rgb(248 113 113 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.dark .before\:dark\:bg-green-400::before {
|
||||
content: var(--tw-content);
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(74 222 128 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .before\:dark\:bg-gray-700::before {
|
||||
content: var(--tw-content);
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(55 65 81 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:focus-within\:border-blue-300:focus-within {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(147 197 253 / var(--tw-border-opacity));
|
||||
@@ -6161,6 +6377,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
border-color: rgb(31 41 55 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:hover\:border-transparent:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.dark .dark\:hover\:bg-gray-800:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(31 41 55 / var(--tw-bg-opacity));
|
||||
@@ -6215,6 +6435,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .hover\:dark\:bg-gray-900:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:hover\:stroke-cyan-400:hover {
|
||||
stroke: #22d3ee;
|
||||
}
|
||||
@@ -6395,6 +6620,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:focus\:bg-gray-600:focus {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(75 85 99 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.dark .dark\:focus\:text-gray-400:focus {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(156 163 175 / var(--tw-text-opacity));
|
||||
@@ -6452,6 +6682,18 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
grid-column: span 1 / span 1;
|
||||
}
|
||||
|
||||
.sm\:col-span-3 {
|
||||
grid-column: span 3 / span 3;
|
||||
}
|
||||
|
||||
.sm\:col-span-9 {
|
||||
grid-column: span 9 / span 9;
|
||||
}
|
||||
|
||||
.sm\:col-span-8 {
|
||||
grid-column: span 8 / span 8;
|
||||
}
|
||||
|
||||
.sm\:mx-2 {
|
||||
margin-left: 0.5rem;
|
||||
margin-right: 0.5rem;
|
||||
@@ -6497,6 +6739,16 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-right: 0.125rem;
|
||||
}
|
||||
|
||||
.sm\:-mx-4 {
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
}
|
||||
|
||||
.sm\:mx-4 {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.sm\:mb-0 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@@ -6621,6 +6873,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
height: 1.75rem;
|
||||
}
|
||||
|
||||
.sm\:h-96 {
|
||||
height: 24rem;
|
||||
}
|
||||
|
||||
.sm\:w-10\/12 {
|
||||
width: 83.333333%;
|
||||
}
|
||||
@@ -6729,6 +6985,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.sm\:grid-cols-12 {
|
||||
grid-template-columns: repeat(12, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.sm\:flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
@@ -6807,6 +7067,12 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
|
||||
}
|
||||
|
||||
.sm\:space-y-8 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-space-y-reverse: 0;
|
||||
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
|
||||
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.sm\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
|
||||
--tw-divide-y-reverse: 0;
|
||||
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
||||
@@ -7042,6 +7308,67 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
||||
}
|
||||
|
||||
.sm\:before\:absolute::before {
|
||||
content: var(--tw-content);
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.sm\:before\:top-2::before {
|
||||
content: var(--tw-content);
|
||||
top: 0.5rem;
|
||||
}
|
||||
|
||||
.sm\:before\:bottom-0::before {
|
||||
content: var(--tw-content);
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.sm\:before\:-left-3::before {
|
||||
content: var(--tw-content);
|
||||
left: -0.75rem;
|
||||
}
|
||||
|
||||
.sm\:before\:left-\[-35px\]::before {
|
||||
content: var(--tw-content);
|
||||
left: -35px;
|
||||
}
|
||||
|
||||
.sm\:before\:z-\[1\]::before {
|
||||
content: var(--tw-content);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.sm\:before\:mx-0::before {
|
||||
content: var(--tw-content);
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
.sm\:before\:h-4::before {
|
||||
content: var(--tw-content);
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.sm\:before\:w-0\.5::before {
|
||||
content: var(--tw-content);
|
||||
width: 0.125rem;
|
||||
}
|
||||
|
||||
.sm\:before\:w-0::before {
|
||||
content: var(--tw-content);
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
.sm\:before\:w-4::before {
|
||||
content: var(--tw-content);
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
.sm\:before\:rounded-full::before {
|
||||
content: var(--tw-content);
|
||||
border-radius: 9999px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
@@ -7097,6 +7424,14 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
grid-column: span 7 / span 7;
|
||||
}
|
||||
|
||||
.md\:col-start-2 {
|
||||
grid-column-start: 2;
|
||||
}
|
||||
|
||||
.md\:col-start-1 {
|
||||
grid-column-start: 1;
|
||||
}
|
||||
|
||||
.md\:m-0 {
|
||||
margin: 0px;
|
||||
}
|
||||
@@ -7105,6 +7440,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin: 1.5rem;
|
||||
}
|
||||
|
||||
.md\:m-8 {
|
||||
margin: 2rem;
|
||||
}
|
||||
|
||||
.md\:mx-0 {
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
@@ -7175,6 +7514,11 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
|
||||
.md\:-mx-4 {
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
}
|
||||
|
||||
.md\:mb-10 {
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
@@ -7363,6 +7707,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
height: 6rem;
|
||||
}
|
||||
|
||||
.md\:h-\[450px\] {
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
.md\:w-1\/2 {
|
||||
width: 50%;
|
||||
}
|
||||
@@ -7732,6 +8080,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.md\:p-4 {
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.md\:px-10 {
|
||||
padding-left: 2.5rem;
|
||||
padding-right: 2.5rem;
|
||||
@@ -8115,6 +8467,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
grid-column-start: 1;
|
||||
}
|
||||
|
||||
.lg\:col-start-2 {
|
||||
grid-column-start: 2;
|
||||
}
|
||||
|
||||
.lg\:col-end-13 {
|
||||
grid-column-end: 13;
|
||||
}
|
||||
@@ -8131,6 +8487,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
grid-row: span 4 / span 4;
|
||||
}
|
||||
|
||||
.lg\:row-start-1 {
|
||||
grid-row-start: 1;
|
||||
}
|
||||
|
||||
.lg\:my-8 {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
@@ -8515,6 +8875,14 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
max-width: 768px;
|
||||
}
|
||||
|
||||
.lg\:max-w-7xl {
|
||||
max-width: 80rem;
|
||||
}
|
||||
|
||||
.lg\:max-w-3xl {
|
||||
max-width: 48rem;
|
||||
}
|
||||
|
||||
.lg\:flex-1 {
|
||||
flex: 1 1 0%;
|
||||
}
|
||||
@@ -8564,6 +8932,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.lg\:flex-row-reverse {
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.lg\:flex-wrap {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@@ -8642,6 +9014,10 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)));
|
||||
}
|
||||
|
||||
.lg\:border-none {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.lg\:border-transparent {
|
||||
border-color: transparent;
|
||||
}
|
||||
@@ -8672,6 +9048,14 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
padding: 4rem;
|
||||
}
|
||||
|
||||
.lg\:p-12 {
|
||||
padding: 3rem;
|
||||
}
|
||||
|
||||
.lg\:p-6 {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.lg\:px-6 {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
@@ -8971,10 +9355,23 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
grid-column: span 3 / span 3;
|
||||
}
|
||||
|
||||
.xl\:col-span-9 {
|
||||
grid-column: span 9 / span 9;
|
||||
}
|
||||
|
||||
.xl\:col-start-3 {
|
||||
grid-column-start: 3;
|
||||
}
|
||||
|
||||
.xl\:m-auto {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.xl\:mx-4 {
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.xl\:mt-28 {
|
||||
margin-top: 7rem;
|
||||
}
|
||||
@@ -9019,14 +9416,26 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.xl\:mt-16 {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.xl\:inline {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.xl\:flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.xl\:h-24 {
|
||||
height: 6rem;
|
||||
}
|
||||
|
||||
.xl\:h-\[34rem\] {
|
||||
height: 34rem;
|
||||
}
|
||||
|
||||
.xl\:w-11\/12 {
|
||||
width: 91.666667%;
|
||||
}
|
||||
@@ -9059,6 +9468,18 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
width: 33.333333%;
|
||||
}
|
||||
|
||||
.xl\:w-\[34rem\] {
|
||||
width: 34rem;
|
||||
}
|
||||
|
||||
.xl\:w-2\/5 {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.xl\:w-3\/5 {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.xl\:max-w-screen-xl {
|
||||
max-width: 1280px;
|
||||
}
|
||||
@@ -9095,10 +9516,34 @@ Ensure the default browser behavior of the `hidden` attribute.
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.xl\:grid-cols-12 {
|
||||
grid-template-columns: repeat(12, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.xl\:grid-cols-2 {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.xl\:flex-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.xl\:items-center {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.xl\:gap-12 {
|
||||
gap: 3rem;
|
||||
}
|
||||
|
||||
.xl\:gap-16 {
|
||||
gap: 4rem;
|
||||
}
|
||||
|
||||
.xl\:border-solid {
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.xl\:bg-gradient-to-r {
|
||||
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user