diff --git a/dist/tailshape.css b/dist/tailshape.css index cc9ac27..7b2cfeb 100755 --- a/dist/tailshape.css +++ b/dist/tailshape.css @@ -518,8 +518,8 @@ Ensure the default browser behavior of the `hidden` attribute. pointer-events: none; } -.fixed { - position: fixed; +.visible { + visibility: visible; } .absolute { @@ -564,6 +564,30 @@ Ensure the default browser behavior of the `hidden` attribute. top: 0px; } +.-top-10 { + top: -2.5rem; +} + +.-right-9 { + right: -2.25rem; +} + +.-right-10 { + right: -2.5rem; +} + +.top-\[90px\] { + top: 90px; +} + +.-left-7 { + left: -1.75rem; +} + +.-bottom-7 { + bottom: -1.75rem; +} + .left-0 { left: 0px; } @@ -620,6 +644,26 @@ Ensure the default browser behavior of the `hidden` attribute. right: 50%; } +.-left-3 { + left: -0.75rem; +} + +.-left-10 { + left: -2.5rem; +} + +.left-1\/2 { + left: 50%; +} + +.-left-1\.5 { + left: -0.375rem; +} + +.-left-1 { + left: -0.25rem; +} + .z-20 { z-index: 20; } @@ -628,6 +672,10 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: -1; } +.z-10 { + z-index: 10; +} + .z-0 { z-index: 0; } @@ -640,10 +688,6 @@ Ensure the default browser behavior of the `hidden` attribute. z-index: 30; } -.z-10 { - z-index: 10; -} - .z-50 { z-index: 50; } @@ -660,6 +704,14 @@ Ensure the default browser behavior of the `hidden` attribute. order: 2; } +.col-span-full { + grid-column: 1 / -1; +} + +.col-span-12 { + grid-column: span 12 / span 12; +} + .col-span-7 { grid-column: span 7 / span 7; } @@ -668,16 +720,12 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 1 / span 1; } -.col-span-3 { - grid-column: span 3 / span 3; -} - .col-span-2 { grid-column: span 2 / span 2; } -.col-span-full { - grid-column: 1 / -1; +.col-span-3 { + grid-column: span 3 / span 3; } .col-span-6 { @@ -692,8 +740,8 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: auto; } -.col-span-12 { - grid-column: span 12 / span 12; +.row-span-full { + grid-row: 1 / -1; } .row-start-1 { @@ -712,6 +760,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 2rem; } +.m-4 { + margin: 1rem; +} + +.-m-2 { + margin: -0.5rem; +} + +.m-2\.5 { + margin: 0.625rem; +} + +.m-2 { + margin: 0.5rem; +} + .m-auto { margin: auto; } @@ -720,22 +784,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 0.25rem; } -.m-2 { - margin: 0.5rem; -} - .m-3 { margin: 0.75rem; } -.m-4 { - margin: 1rem; -} - .m-10 { margin: 2.5rem; } +.m-6 { + margin: 1.5rem; +} + .-m-4 { margin: -1rem; } @@ -775,24 +835,9 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0.25rem; } -.my-auto { - margin-top: auto; - margin-bottom: auto; -} - -.my-4 { - margin-top: 1rem; - margin-bottom: 1rem; -} - -.mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; -} - -.mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; } .my-10 { @@ -800,9 +845,9 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 2.5rem; } -.-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; +.mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } .mx-2 { @@ -810,36 +855,56 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.my-auto { + margin-top: auto; + margin-bottom: auto; +} + +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} + +.-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; +} + .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } +.-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; +} + .my-12 { margin-top: 3rem; margin-bottom: 3rem; } +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} + .my-8 { margin-top: 2rem; margin-bottom: 2rem; } -.mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; -} - .mx-32 { margin-left: 8rem; margin-right: 8rem; } -.mx-4 { - margin-left: 1rem; - margin-right: 1rem; -} - .mx-16 { margin-left: 4rem; margin-right: 4rem; @@ -865,19 +930,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 2.5rem; } -.-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; -} - .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } -.my-20 { - margin-top: 5rem; - margin-bottom: 5rem; +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } .-mx-6 { @@ -885,9 +945,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -1.5rem; } -.mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; +.my-0 { + margin-top: 0px; + margin-bottom: 0px; +} + +.my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } .mb-\[60px\] { @@ -942,22 +1007,46 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.5rem; } -.mb-1 { - margin-bottom: 0.25rem; +.mt-3 { + margin-top: 0.75rem; } .ml-4 { margin-left: 1rem; } -.mr-1 { - margin-right: 0.25rem; +.-mt-16 { + margin-top: -4rem; } .mt-4 { margin-top: 1rem; } +.mt-8 { + margin-top: 2rem; +} + +.-mt-10 { + margin-top: -2.5rem; +} + +.mb-1 { + margin-bottom: 0.25rem; +} + +.mb-0 { + margin-bottom: 0px; +} + +.mt-1 { + margin-top: 0.25rem; +} + +.ml-1 { + margin-left: 0.25rem; +} + .mt-10 { margin-top: 2.5rem; } @@ -966,6 +1055,30 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 1.25rem; } +.mb-12 { + margin-bottom: 3rem; +} + +.mb-6 { + margin-bottom: 1.5rem; +} + +.mb-9 { + margin-bottom: 2.25rem; +} + +.mr-6 { + margin-right: 1.5rem; +} + +.mt-16 { + margin-top: 4rem; +} + +.mr-1 { + margin-right: 0.25rem; +} + .mt-5 { margin-top: 1.25rem; } @@ -986,46 +1099,26 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 0.75rem; } -.mb-6 { - margin-bottom: 1.5rem; +.mr-4 { + margin-right: 1rem; } -.mb-0 { - margin-bottom: 0px; -} - -.ml-1 { - margin-left: 0.25rem; +.mb-20 { + margin-bottom: 5rem; } .mt-12 { margin-top: 3rem; } -.mt-1 { - margin-top: 0.25rem; -} - -.mt-16 { - margin-top: 4rem; -} - .-mt-5 { margin-top: -1.25rem; } -.mb-12 { - margin-bottom: 3rem; -} - .-mb-10 { margin-bottom: -2.5rem; } -.mt-3 { - margin-top: 0.75rem; -} - .mt-0 { margin-top: 0px; } @@ -1034,10 +1127,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 2rem; } -.mr-6 { - margin-right: 1.5rem; -} - .ml-6 { margin-left: 1.5rem; } @@ -1046,10 +1135,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -5rem; } -.mt-8 { - margin-top: 2rem; -} - .mt-28 { margin-top: 7rem; } @@ -1062,10 +1147,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -1rem; } -.mr-4 { - margin-right: 1rem; -} - .mt-32 { margin-top: 8rem; } @@ -1130,10 +1211,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: -0.5rem; } -.-mt-16 { - margin-top: -4rem; -} - .-mt-6 { margin-top: -1.5rem; } @@ -1154,10 +1231,38 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: -0.5rem; } +.mr-auto { + margin-right: auto; +} + .ml-0 { margin-left: 0px; } +.-mt-36 { + margin-top: -9rem; +} + +.mb-14 { + margin-bottom: 3.5rem; +} + +.ml-7 { + margin-left: 1.75rem; +} + +.ml-10 { + margin-left: 2.5rem; +} + +.ml-20 { + margin-left: 5rem; +} + +.-ml-3 { + margin-left: -0.75rem; +} + .mr-0 { margin-right: 0px; } @@ -1182,10 +1287,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: -16rem; } -.mb-20 { - margin-bottom: 5rem; -} - .-mt-24 { margin-top: -6rem; } @@ -1198,22 +1299,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0px; } -.ml-10 { - 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; } @@ -1290,6 +1375,58 @@ Ensure the default browser behavior of the `hidden` attribute. height: 2rem; } +.h-24 { + height: 6rem; +} + +.h-4 { + height: 1rem; +} + +.h-60 { + height: 15rem; +} + +.h-52 { + height: 13rem; +} + +.h-64 { + height: 16rem; +} + +.h-44 { + height: 11rem; +} + +.h-12 { + height: 3rem; +} + +.h-5 { + height: 1.25rem; +} + +.h-56 { + height: 14rem; +} + +.h-72 { + height: 18rem; +} + +.h-48 { + height: 12rem; +} + +.h-32 { + height: 8rem; +} + +.h-\[60px\] { + height: 60px; +} + .h-auto { height: auto; } @@ -1298,30 +1435,18 @@ Ensure the default browser behavior of the `hidden` attribute. height: 0.75rem; } -.h-44 { - height: 11rem; +.h-80 { + height: 20rem; } -.h-4 { - height: 1rem; -} - -.h-5 { - height: 1.25rem; -} - -.h-12 { - height: 3rem; +.h-\[28rem\] { + height: 28rem; } .h-px { height: 1px; } -.h-64 { - height: 16rem; -} - .h-96 { height: 24rem; } @@ -1338,10 +1463,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 5rem; } -.h-56 { - height: 14rem; -} - .h-0\.5 { height: 0.125rem; } @@ -1350,36 +1471,16 @@ Ensure the default browser behavior of the `hidden` attribute. height: 0.5rem; } -.h-24 { - height: 6rem; -} - -.h-48 { - 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; +.h-40 { + height: 10rem; +} + +.h-9 { + height: 2.25rem; } .max-h-0 { @@ -1414,6 +1515,42 @@ Ensure the default browser behavior of the `hidden` attribute. width: 2rem; } +.w-24 { + width: 6rem; +} + +.w-4 { + width: 1rem; +} + +.w-12 { + width: 3rem; +} + +.w-10 { + width: 2.5rem; +} + +.w-5 { + width: 1.25rem; +} + +.w-56 { + width: 14rem; +} + +.w-1\/3 { + width: 33.333333%; +} + +.w-2\/3 { + width: 66.666667%; +} + +.w-1\/2 { + width: 50%; +} + .w-3\/5 { width: 60%; } @@ -1430,48 +1567,32 @@ Ensure the default browser behavior of the `hidden` attribute. width: 12rem; } -.w-4 { - width: 1rem; -} - .w-auto { width: auto; } -.w-5 { - width: 1.25rem; -} - -.w-32 { - width: 8rem; -} - -.w-10 { - width: 2.5rem; -} - -.w-64 { - width: 16rem; -} - -.w-24 { - width: 6rem; -} - -.w-12 { - width: 3rem; -} - .w-40 { width: 10rem; } -.w-2\/3 { - width: 66.666667%; +.w-3 { + width: 0.75rem; } -.w-1\/3 { - width: 33.333333%; +.w-1 { + width: 0.25rem; +} + +.w-\[28rem\] { + width: 28rem; +} + +.w-32 { + width: 8rem; +} + +.w-64 { + width: 16rem; } .w-52 { @@ -1486,14 +1607,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 75%; } -.w-1\/2 { - width: 50%; -} - -.w-3 { - width: 0.75rem; -} - .w-36 { width: 9rem; } @@ -1522,14 +1635,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 58.333333%; } -.w-screen { - width: 100vw; -} - .w-1\/5 { width: 20%; } +.w-screen { + width: 100vw; +} + .w-2\/6 { width: 33.333333%; } @@ -1562,30 +1675,30 @@ Ensure the default browser behavior of the `hidden` attribute. width: 18rem; } -.w-1 { - width: 0.25rem; -} - -.w-56 { - width: 14rem; -} - -.w-\[28rem\] { - width: 28rem; +.w-5\/12 { + width: 41.666667%; } .w-1\.5 { width: 0.375rem; } -.min-w-0 { - min-width: 0px; +.w-9 { + width: 2.25rem; +} + +.w-60 { + width: 15rem; } .min-w-full { min-width: 100%; } +.min-w-0 { + min-width: 0px; +} + .max-w-\[520px\] { max-width: 520px; } @@ -1610,24 +1723,48 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 28rem; } +.max-w-3xl { + max-width: 48rem; +} + .max-w-6xl { max-width: 72rem; } -.max-w-3xl { - max-width: 48rem; +.max-w-xl { + max-width: 36rem; +} + +.max-w-4xl { + max-width: 56rem; } .max-w-xs { max-width: 20rem; } +.max-w-screen-xl { + max-width: 1280px; +} + .max-w-7xl { max-width: 80rem; } -.max-w-screen-xl { - max-width: 1280px; +.max-w-\[570px\] { + max-width: 570px; +} + +.max-w-\[370px\] { + max-width: 370px; +} + +.max-w-\[60px\] { + max-width: 60px; +} + +.max-w-5xl { + max-width: 64rem; } .max-w-full { @@ -1646,30 +1783,18 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 480px; } -.max-w-xl { - max-width: 36rem; -} - -.max-w-5xl { - max-width: 64rem; -} - .max-w-\[1340px\] { max-width: 1340px; } -.max-w-4xl { - max-width: 56rem; +.flex-1 { + flex: 1 1 0%; } .flex-auto { flex: 1 1 auto; } -.flex-1 { - flex: 1 1 0%; -} - .flex-none { flex: none; } @@ -1723,6 +1848,21 @@ Ensure the default browser behavior of the `hidden` attribute. 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-2\/4 { + --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-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-4 { + --tw-translate-y: -1rem; + 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-180 { --tw-rotate: 180deg; 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)); @@ -1758,6 +1898,12 @@ Ensure the default browser behavior of the `hidden` attribute. 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-150 { + --tw-scale-x: 1.5; + --tw-scale-y: 1.5; + 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 { --tw-scale-x: 0; --tw-scale-y: 0; @@ -1782,12 +1928,6 @@ Ensure the default browser behavior of the `hidden` attribute. 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-150 { - --tw-scale-x: 1.5; - --tw-scale-y: 1.5; - 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)); -} - .transform { 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)); } @@ -1811,6 +1951,73 @@ Ensure the default browser behavior of the `hidden` attribute. animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } +@-webkit-keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + transform: none; + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +@keyframes bounce { + 0%, 100% { + transform: translateY(-25%); + -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1); + animation-timing-function: cubic-bezier(0.8,0,1,1); + } + + 50% { + transform: none; + -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1); + animation-timing-function: cubic-bezier(0,0,0.2,1); + } +} + +.animate-bounce { + -webkit-animation: bounce 1s infinite; + animation: bounce 1s infinite; +} + +@-webkit-keyframes pulse { + 50% { + opacity: .5; + } +} + +@keyframes pulse { + 50% { + opacity: .5; + } +} + +.animate-pulse { + -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} + +@-webkit-keyframes spin { + to { + transform: rotate(360deg); + } +} + +@keyframes spin { + to { + transform: rotate(360deg); + } +} + +.animate-spin { + -webkit-animation: spin 1s linear infinite; + animation: spin 1s linear infinite; +} + .cursor-pointer { cursor: pointer; } @@ -1822,9 +2029,8 @@ 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; +.resize-none { + resize: none; } .list-disc { @@ -1841,14 +2047,18 @@ Ensure the default browser behavior of the `hidden` attribute. appearance: none; } -.grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); -} - .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} + +.grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); +} + .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } @@ -1857,10 +2067,6 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(3, minmax(0, 1fr)); } -.grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); -} - .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } @@ -1869,6 +2075,10 @@ Ensure the default browser behavior of the `hidden` attribute. flex-direction: row; } +.flex-row-reverse { + flex-direction: row-reverse; +} + .flex-col { flex-direction: column; } @@ -1885,6 +2095,10 @@ Ensure the default browser behavior of the `hidden` attribute. flex-wrap: nowrap; } +.place-content-center { + place-content: center; +} + .place-items-center { place-items: center; } @@ -1937,18 +2151,30 @@ Ensure the default browser behavior of the `hidden` attribute. justify-content: space-evenly; } -.gap-10 { - gap: 2.5rem; +.gap-3 { + gap: 0.75rem; } -.gap-4 { - gap: 1rem; +.gap-6 { + gap: 1.5rem; } .gap-8 { gap: 2rem; } +.gap-10 { + gap: 2.5rem; +} + +.gap-24 { + gap: 6rem; +} + +.gap-4 { + gap: 1rem; +} + .gap-5 { gap: 1.25rem; } @@ -1965,10 +2191,6 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 0px; } -.gap-6 { - gap: 1.5rem; -} - .gap-2 { gap: 0.5rem; } @@ -1977,26 +2199,18 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 0.25rem; } -.gap-24 { - gap: 6rem; -} - -.gap-3 { - gap: 0.75rem; -} - -.gap-x-3 { - -moz-column-gap: 0.75rem; - column-gap: 0.75rem; +.gap-x-4 { + -moz-column-gap: 1rem; + column-gap: 1rem; } .gap-y-8 { row-gap: 2rem; } -.gap-x-4 { - -moz-column-gap: 1rem; - column-gap: 1rem; +.gap-x-3 { + -moz-column-gap: 0.75rem; + column-gap: 0.75rem; } .gap-x-16 { @@ -2016,46 +2230,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } -.space-y-8 > :not([hidden]) ~ :not([hidden]) { +.space-y-12 > :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)); -} - -.space-y-2 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); -} - -.space-y-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); -} - -.space-x-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0px * var(--tw-space-x-reverse)); - margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); -} - -.space-y-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); -} - -.space-x-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-y-1 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { @@ -2064,10 +2242,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } -.space-x-3 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(0.75rem * var(--tw-space-x-reverse)); - margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); +.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)); +} + +.space-y-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-x-2 > :not([hidden]) ~ :not([hidden]) { @@ -2076,22 +2260,28 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } -.space-x-8 > :not([hidden]) ~ :not([hidden]) { +.space-y-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); +} + +.space-y-1 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); +} + +.space-y-16 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(4rem * var(--tw-space-y-reverse)); +} + +.space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; - margin-right: calc(2rem * var(--tw-space-x-reverse)); - margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); -} - -.space-y-12 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(3rem * var(--tw-space-y-reverse)); -} - -.space-y-5 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); + margin-right: calc(0.75rem * var(--tw-space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-1\.5 > :not([hidden]) ~ :not([hidden]) { @@ -2106,16 +2296,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } -.space-x-10 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)); - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); +.space-y-5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } -.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { +.space-y-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); +} + +.space-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; - margin-right: calc(0.125rem * var(--tw-space-x-reverse)); - margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); + margin-right: calc(0px * var(--tw-space-x-reverse)); + margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse))); } .space-y-24 > :not([hidden]) ~ :not([hidden]) { @@ -2124,6 +2320,36 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(6rem * var(--tw-space-y-reverse)); } +.space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-x-8 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2rem * var(--tw-space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-x-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(2.5rem * var(--tw-space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))); +} + +.space-y-10 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); +} + +.space-x-0\.5 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.125rem * var(--tw-space-x-reverse)); + margin-left: calc(0.125rem * calc(1 - var(--tw-space-x-reverse))); +} + .space-y-reverse > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 1; } @@ -2145,6 +2371,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(209 213 219 / var(--tw-divide-opacity)); } +.divide-gray-700 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(55 65 81 / var(--tw-divide-opacity)); +} + .divide-gray-400 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(156 163 175 / var(--tw-divide-opacity)); @@ -2160,11 +2391,6 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(243 244 246 / var(--tw-divide-opacity)); } -.divide-gray-700 > :not([hidden]) ~ :not([hidden]) { - --tw-divide-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-divide-opacity)); -} - .divide-opacity-50 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 0.5; } @@ -2189,6 +2415,10 @@ Ensure the default browser behavior of the `hidden` attribute. align-self: stretch; } +.justify-self-end { + justify-self: end; +} + .overflow-auto { overflow: auto; } @@ -2251,19 +2481,24 @@ Ensure the default browser behavior of the `hidden` attribute. border-radius: 0.75rem; } -.rounded-2xl { - border-radius: 1rem; -} - .rounded-3xl { border-radius: 1.5rem; } +.rounded-2xl { + border-radius: 1rem; +} + .rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } +.rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; +} + .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; @@ -2314,9 +2549,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-right-radius: 9999px; } -.rounded-t-md { +.rounded-l-md { border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; +} + +.rounded-r-md { border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } .rounded-tl { @@ -2343,14 +2583,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 4px; } -.border-2 { - border-width: 2px; -} - .border-0 { border-width: 0px; } +.border-2 { + border-width: 2px; +} + .border-b-0 { border-bottom-width: 0px; } @@ -2399,6 +2639,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-style: solid; } +.border-dashed { + border-style: dashed; +} + .border-none { border-style: none; } @@ -2468,6 +2712,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(252 231 243 / var(--tw-border-opacity)); } +.border-blue-400 { + --tw-border-opacity: 1; + border-color: rgb(96 165 250 / var(--tw-border-opacity)); +} + .border-gray-800 { --tw-border-opacity: 1; border-color: rgb(31 41 55 / var(--tw-border-opacity)); @@ -2550,14 +2799,19 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(233 213 255 / var(--tw-border-opacity)); } +.border-blue-600 { + --tw-border-opacity: 1; + border-color: rgb(37 99 235 / var(--tw-border-opacity)); +} + .border-pink-600 { --tw-border-opacity: 1; border-color: rgb(219 39 119 / var(--tw-border-opacity)); } -.border-blue-400 { +.border-green-300 { --tw-border-opacity: 1; - border-color: rgb(96 165 250 / var(--tw-border-opacity)); + border-color: rgb(134 239 172 / var(--tw-border-opacity)); } .border-teal-500 { @@ -2565,9 +2819,9 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(20 184 166 / var(--tw-border-opacity)); } -.border-blue-600 { +.border-r-gray-200 { --tw-border-opacity: 1; - border-color: rgb(37 99 235 / var(--tw-border-opacity)); + border-right-color: rgb(229 231 235 / var(--tw-border-opacity)); } .border-b-gray-800 { @@ -2580,11 +2834,6 @@ 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; } @@ -2674,6 +2923,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } +.bg-gray-600 { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +.bg-indigo-500 { + --tw-bg-opacity: 1; + background-color: rgb(99 102 241 / var(--tw-bg-opacity)); +} + .bg-yellow-600 { --tw-bg-opacity: 1; background-color: rgb(202 138 4 / var(--tw-bg-opacity)); @@ -2689,11 +2948,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(224 231 255 / var(--tw-bg-opacity)); } -.bg-indigo-500 { - --tw-bg-opacity: 1; - background-color: rgb(99 102 241 / var(--tw-bg-opacity)); -} - .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); @@ -2724,6 +2978,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(252 231 243 / var(--tw-bg-opacity)); } +.bg-blue-500 { + --tw-bg-opacity: 1; + background-color: rgb(59 130 246 / var(--tw-bg-opacity)); +} + .bg-gray-700 { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); @@ -2758,11 +3017,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(249 115 22 / var(--tw-bg-opacity)); } -.bg-gray-600 { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} - .bg-red-700 { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)); @@ -2788,11 +3042,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } -.bg-blue-500 { - --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity)); -} - .bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)); @@ -2843,6 +3092,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(30 64 175 / var(--tw-bg-opacity)); } +.bg-cyan-800 { + --tw-bg-opacity: 1; + background-color: rgb(21 94 117 / var(--tw-bg-opacity)); +} + .bg-purple-400 { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)); @@ -2863,6 +3117,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(58 59 60 / var(--tw-bg-opacity)); } +.bg-violet-700 { + --tw-bg-opacity: 1; + background-color: rgb(109 40 217 / var(--tw-bg-opacity)); +} + +.bg-violet-600 { + --tw-bg-opacity: 1; + background-color: rgb(124 58 237 / var(--tw-bg-opacity)); +} + .bg-teal-600 { --tw-bg-opacity: 1; background-color: rgb(13 148 136 / var(--tw-bg-opacity)); @@ -2878,6 +3142,31 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(165 180 252 / var(--tw-bg-opacity)); } +.bg-blue-300 { + --tw-bg-opacity: 1; + background-color: rgb(147 197 253 / var(--tw-bg-opacity)); +} + +.bg-pink-600 { + --tw-bg-opacity: 1; + background-color: rgb(219 39 119 / var(--tw-bg-opacity)); +} + +.bg-pink-300 { + --tw-bg-opacity: 1; + background-color: rgb(249 168 212 / var(--tw-bg-opacity)); +} + +.bg-green-300 { + --tw-bg-opacity: 1; + background-color: rgb(134 239 172 / var(--tw-bg-opacity)); +} + +.bg-purple-300 { + --tw-bg-opacity: 1; + background-color: rgb(216 180 254 / var(--tw-bg-opacity)); +} + .bg-yellow-300 { --tw-bg-opacity: 1; background-color: rgb(253 224 71 / var(--tw-bg-opacity)); @@ -2893,29 +3182,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(96 165 250 / var(--tw-bg-opacity)); } -.bg-purple-300 { +.bg-cyan-600 { --tw-bg-opacity: 1; - background-color: rgb(216 180 254 / var(--tw-bg-opacity)); + background-color: rgb(8 145 178 / var(--tw-bg-opacity)); } -.bg-violet-700 { +.bg-cyan-700 { --tw-bg-opacity: 1; - background-color: rgb(109 40 217 / var(--tw-bg-opacity)); -} - -.bg-violet-600 { - --tw-bg-opacity: 1; - background-color: rgb(124 58 237 / var(--tw-bg-opacity)); -} - -.bg-cyan-800 { - --tw-bg-opacity: 1; - background-color: rgb(21 94 117 / var(--tw-bg-opacity)); -} - -.bg-purple-900 { - --tw-bg-opacity: 1; - background-color: rgb(88 28 135 / var(--tw-bg-opacity)); + background-color: rgb(14 116 144 / var(--tw-bg-opacity)); } .bg-opacity-5 { @@ -2934,18 +3208,22 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 0.25; } -.bg-opacity-70 { - --tw-bg-opacity: 0.7; -} - .bg-opacity-40 { --tw-bg-opacity: 0.4; } +.bg-opacity-70 { + --tw-bg-opacity: 0.7; +} + .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } +.bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1623479322729-28b25c16b011\?ixid\=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8\&ixlib\=rb-1\.2\.1\&auto\=format\&fit\=crop\&w\=1920\&q\=1280\'\)\] { + background-image: url('https://images.unsplash.com/photo-1623479322729-28b25c16b011?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=1280'); +} + .bg-\[url\(\'https\:\/\/source\.unsplash\.com\/random\/640x480\/\?grayscale\'\)\] { background-image: url('https://source.unsplash.com/random/640x480/?grayscale'); } @@ -2966,20 +3244,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-image: url(https://images.unsplash.com/photo-1514525253161-7a46d19cd819?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1267&q=80); } +.bg-\[url\(https\:\/\/i\.postimg\.cc\/13pssvxG\/bg-image\.png\)\] { + background-image: url(https://i.postimg.cc/13pssvxG/bg-image.png); +} + .bg-\[url\(https\:\/\/picsum\.photos\/400\/400\?grayscale\)\] { background-image: url(https://picsum.photos/400/400?grayscale); } -.bg-gradient-to-tr { - background-image: linear-gradient(to top right, var(--tw-gradient-stops)); -} - -.bg-\[url\(\)\] { - background-image: url(); -} - -.bg-\[url\(https\:\/\/i\.postimg\.cc\/13pssvxG\/bg-image\.png\)\] { - background-image: url(https://i.postimg.cc/13pssvxG/bg-image.png); +.bg-\[url\(\'https\:\/\/source\.unsplash\.com\/random\/\?trees\'\)\] { + background-image: url('https://source.unsplash.com/random/?trees'); } .from-purple-100 { @@ -3012,11 +3286,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(59 130 246 / 0)); } -.from-blue-900 { - --tw-gradient-from: #1e3a8a; - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(30 58 138 / 0)); -} - .via-red-300 { --tw-gradient-stops: var(--tw-gradient-from), #fca5a5, var(--tw-gradient-to, rgb(252 165 165 / 0)); } @@ -3049,10 +3318,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-gradient-to: #2563eb; } -.to-blue-500 { - --tw-gradient-to: #3b82f6; -} - .bg-cover { background-size: cover; } @@ -3102,6 +3367,10 @@ Ensure the default browser behavior of the `hidden` attribute. fill: #1f2937; } +.fill-red-500 { + fill: #ef4444; +} + .stroke-gray-500 { stroke: #6b7280; } @@ -3119,16 +3388,16 @@ Ensure the default browser behavior of the `hidden` attribute. object-fit: cover; } -.object-top { - -o-object-position: top; - object-position: top; -} - .object-center { -o-object-position: center; object-position: center; } +.object-top { + -o-object-position: top; + object-position: top; +} + .p-4 { padding: 1rem; } @@ -3157,32 +3426,32 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 0.5rem; } -.p-8 { - padding: 2rem; +.p-1 { + padding: 0.25rem; } .p-6 { padding: 1.5rem; } -.p-1 { - padding: 0.25rem; +.p-8 { + padding: 2rem; } .p-28 { padding: 7rem; } -.p-12 { - padding: 3rem; +.p-0\.5 { + padding: 0.125rem; } .p-0 { padding: 0px; } -.p-0\.5 { - padding: 0.125rem; +.p-12 { + padding: 3rem; } .px-4 { @@ -3240,19 +3509,9 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1rem; } -.py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; -} - -.px-8 { - padding-left: 2rem; - padding-right: 2rem; -} - -.py-40 { - padding-top: 10rem; - padding-bottom: 10rem; +.py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } .py-16 { @@ -3260,11 +3519,51 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 4rem; } +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} + +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} + +.py-36 { + padding-top: 9rem; + padding-bottom: 9rem; +} + +.px-\[14px\] { + padding-left: 14px; + padding-right: 14px; +} + +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} + +.py-40 { + padding-top: 10rem; + padding-bottom: 10rem; +} + .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; @@ -3290,31 +3589,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } -.py-12 { - padding-top: 3rem; - padding-bottom: 3rem; -} - .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } -.py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; -} - -.py-24 { - padding-top: 6rem; - padding-bottom: 6rem; -} - -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - .px-20 { padding-left: 5rem; padding-right: 5rem; @@ -3355,6 +3634,16 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 4rem; } +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} + +.px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; +} + .pt-20 { padding-top: 5rem; } @@ -3391,10 +3680,46 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } +.pt-12 { + padding-top: 3rem; +} + +.pt-4 { + padding-top: 1rem; +} + +.pt-3 { + padding-top: 0.75rem; +} + .pt-2 { padding-top: 0.5rem; } +.pb-6 { + padding-bottom: 1.5rem; +} + +.pt-6 { + padding-top: 1.5rem; +} + +.pb-4 { + padding-bottom: 1rem; +} + +.pt-8 { + padding-top: 2rem; +} + +.pr-0 { + padding-right: 0px; +} + +.pl-20 { + padding-left: 5rem; +} + .pb-8 { padding-bottom: 2rem; } @@ -3403,6 +3728,22 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 1.25rem; } +.pl-2 { + padding-left: 0.5rem; +} + +.pl-12 { + padding-left: 3rem; +} + +.pb-24 { + padding-bottom: 6rem; +} + +.pb-3 { + padding-bottom: 0.75rem; +} + .pl-3 { padding-left: 0.75rem; } @@ -3423,46 +3764,18 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 2.5rem; } -.pt-12 { - padding-top: 3rem; -} - .pt-10 { padding-top: 2.5rem; } -.pt-6 { - padding-top: 1.5rem; -} - -.pb-6 { - padding-bottom: 1.5rem; -} - .pb-1 { padding-bottom: 0.25rem; } -.pt-4 { - padding-top: 1rem; -} - -.pt-8 { - padding-top: 2rem; -} - -.pb-4 { - padding-bottom: 1rem; -} - .pb-2 { padding-bottom: 0.5rem; } -.pb-3 { - padding-bottom: 0.75rem; -} - .pt-32 { padding-top: 8rem; } @@ -3471,14 +3784,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 2.5rem; } -.pr-0 { - padding-right: 0px; -} - -.pb-24 { - padding-bottom: 6rem; -} - .pb-20 { padding-bottom: 5rem; } @@ -3519,10 +3824,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 1.5rem; } -.pl-2 { - padding-left: 0.5rem; -} - .pl-24 { padding-left: 6rem; } @@ -3539,8 +3840,12 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 0px; } -.pl-12 { - padding-left: 3rem; +.pr-1 { + padding-right: 0.25rem; +} + +.pl-1 { + padding-left: 0.25rem; } .pl-11 { @@ -3563,10 +3868,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 14rem; } -.pr-1 { - padding-right: 0.25rem; -} - .text-left { text-align: left; } @@ -3583,6 +3884,10 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: justify; } +.align-baseline { + vertical-align: baseline; +} + .align-middle { vertical-align: middle; } @@ -3629,6 +3934,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1rem; } +.text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; +} + .text-5xl { font-size: 3rem; line-height: 1; @@ -3639,9 +3949,8 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2rem; } -.text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; +.text-\[32px\] { + font-size: 32px; } .text-7xl { @@ -3654,6 +3963,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } +.text-9xl { + font-size: 8rem; + line-height: 1; +} + .font-semibold { font-weight: 600; } @@ -3718,8 +4032,8 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } -.leading-normal { - line-height: 1.5; +.leading-snug { + line-height: 1.375; } .leading-7 { @@ -3730,6 +4044,10 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2rem; } +.leading-normal { + line-height: 1.5; +} + .leading-4 { line-height: 1rem; } @@ -3738,10 +4056,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } -.leading-snug { - line-height: 1.375; -} - .leading-10 { line-height: 2.5rem; } @@ -3750,14 +4064,6 @@ Ensure the default browser behavior of the `hidden` attribute. letter-spacing: -0.025em; } -.tracking-widest { - letter-spacing: 0.1em; -} - -.tracking-tighter { - letter-spacing: -0.05em; -} - .tracking-wider { letter-spacing: 0.05em; } @@ -3766,6 +4072,14 @@ Ensure the default browser behavior of the `hidden` attribute. letter-spacing: 0.025em; } +.tracking-widest { + letter-spacing: 0.1em; +} + +.tracking-tighter { + letter-spacing: -0.05em; +} + .tracking-normal { letter-spacing: 0em; } @@ -3820,6 +4134,26 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(156 163 175 / var(--tw-text-opacity)); } +.text-gray-100 { + --tw-text-opacity: 1; + color: rgb(243 244 246 / var(--tw-text-opacity)); +} + +.text-blue-800 { + --tw-text-opacity: 1; + color: rgb(30 64 175 / var(--tw-text-opacity)); +} + +.text-indigo-500 { + --tw-text-opacity: 1; + color: rgb(99 102 241 / var(--tw-text-opacity)); +} + +.text-green-500 { + --tw-text-opacity: 1; + color: rgb(34 197 94 / var(--tw-text-opacity)); +} + .text-indigo-200 { --tw-text-opacity: 1; color: rgb(199 210 254 / var(--tw-text-opacity)); @@ -3845,11 +4179,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(253 224 71 / var(--tw-text-opacity)); } -.text-blue-800 { - --tw-text-opacity: 1; - color: rgb(30 64 175 / var(--tw-text-opacity)); -} - .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity)); @@ -3865,6 +4194,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(229 231 235 / var(--tw-text-opacity)); } +.text-green-400 { + --tw-text-opacity: 1; + color: rgb(74 222 128 / var(--tw-text-opacity)); +} + +.text-purple-500 { + --tw-text-opacity: 1; + color: rgb(168 85 247 / var(--tw-text-opacity)); +} + .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); @@ -3885,11 +4224,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(45 212 191 / var(--tw-text-opacity)); } -.text-gray-100 { - --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); -} - .text-purple-50 { --tw-text-opacity: 1; color: rgb(250 245 255 / var(--tw-text-opacity)); @@ -3935,11 +4269,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(244 114 182 / var(--tw-text-opacity)); } -.text-green-500 { - --tw-text-opacity: 1; - color: rgb(34 197 94 / var(--tw-text-opacity)); -} - .text-pink-700 { --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity)); @@ -3965,11 +4294,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(21 128 61 / var(--tw-text-opacity)); } -.text-green-400 { - --tw-text-opacity: 1; - color: rgb(74 222 128 / var(--tw-text-opacity)); -} - .text-red-400 { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity)); @@ -3989,21 +4313,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(55 48 163 / var(--tw-text-opacity)); } -.text-purple-500 { - --tw-text-opacity: 1; - color: rgb(168 85 247 / var(--tw-text-opacity)); -} - .text-indigo-600 { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); } -.text-indigo-500 { - --tw-text-opacity: 1; - color: rgb(99 102 241 / var(--tw-text-opacity)); -} - .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)); @@ -4034,6 +4348,16 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 33 168 / var(--tw-text-opacity)); } +.text-emerald-700 { + --tw-text-opacity: 1; + color: rgb(4 120 87 / var(--tw-text-opacity)); +} + +.text-cyan-700 { + --tw-text-opacity: 1; + color: rgb(14 116 144 / var(--tw-text-opacity)); +} + .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity)); @@ -4054,6 +4378,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(20 184 166 / var(--tw-text-opacity)); } +.text-red-500 { + --tw-text-opacity: 1; + color: rgb(239 68 68 / var(--tw-text-opacity)); +} + .text-pink-500 { --tw-text-opacity: 1; color: rgb(236 72 153 / var(--tw-text-opacity)); @@ -4064,15 +4393,19 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(113 63 18 / var(--tw-text-opacity)); } -.text-purple-200 { +.text-red-300 { --tw-text-opacity: 1; - color: rgb(233 213 255 / var(--tw-text-opacity)); + color: rgb(252 165 165 / var(--tw-text-opacity)); } .text-opacity-50 { --tw-text-opacity: 0.5; } +.text-opacity-100 { + --tw-text-opacity: 1; +} + .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; @@ -4138,21 +4471,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / var(--tw-placeholder-opacity)); } -.placeholder-gray-600::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(75 85 99 / var(--tw-placeholder-opacity)); -} - -.placeholder-gray-600:-ms-input-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(75 85 99 / var(--tw-placeholder-opacity)); -} - -.placeholder-gray-600::placeholder { - --tw-placeholder-opacity: 1; - color: rgb(75 85 99 / var(--tw-placeholder-opacity)); -} - .placeholder-gray-500::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(107 114 128 / var(--tw-placeholder-opacity)); @@ -4168,6 +4486,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 114 128 / var(--tw-placeholder-opacity)); } +.placeholder-gray-600::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(75 85 99 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-600:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(75 85 99 / var(--tw-placeholder-opacity)); +} + +.placeholder-gray-600::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(75 85 99 / var(--tw-placeholder-opacity)); +} + .placeholder-opacity-50::-moz-placeholder { --tw-placeholder-opacity: 0.5; } @@ -4180,6 +4513,14 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-placeholder-opacity: 0.5; } +.opacity-10 { + opacity: 0.1; +} + +.opacity-20 { + opacity: 0.2; +} + .opacity-50 { opacity: 0.5; } @@ -4232,18 +4573,18 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.shadow-2xl { - --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); - --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --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); } +.shadow-2xl { + --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); + --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); @@ -4266,14 +4607,6 @@ Ensure the default browser behavior of the `hidden` attribute. outline-offset: 2px; } -.outline-2 { - outline-width: 2px; -} - -.outline-purple-800 { - outline-color: #6b21a8; -} - .ring-2 { --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -4286,24 +4619,31 @@ 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-8 { + --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(8px + 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-0 { + --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(0px + 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)); } -.ring-purple-800 { - --tw-ring-opacity: 1; - --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); +.ring-white { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity)); } .brightness-125 { @@ -4331,11 +4671,6 @@ Ensure the default browser behavior of the `hidden` attribute. backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } -.backdrop-filter { - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); -} - .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); @@ -4451,19 +4786,19 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(31 41 55 / var(--tw-text-opacity)); } -.placeholder\:text-gray-300::-moz-placeholder { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); +.placeholder\:text-sm::-moz-placeholder { + font-size: 0.875rem; + line-height: 1.25rem; } -.placeholder\:text-gray-300:-ms-input-placeholder { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); +.placeholder\:text-sm:-ms-input-placeholder { + font-size: 0.875rem; + line-height: 1.25rem; } -.placeholder\:text-gray-300::placeholder { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); +.placeholder\:text-sm::placeholder { + font-size: 0.875rem; + line-height: 1.25rem; } .placeholder\:text-gray-400::-moz-placeholder { @@ -4481,6 +4816,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(156 163 175 / var(--tw-text-opacity)); } +.placeholder\:text-gray-800::-moz-placeholder { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.placeholder\:text-gray-800:-ms-input-placeholder { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.placeholder\:text-gray-800::placeholder { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + .before\:mx-auto::before { content: var(--tw-content); margin-left: auto; @@ -4551,12 +4901,21 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } +.hover\:-translate-y-2:hover { + --tw-translate-y: -0.5rem; + 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)); +} + .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; 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)); } +.hover\:cursor-pointer:hover { + cursor: pointer; +} + .hover\:rounded:hover { border-radius: 0.25rem; } @@ -4602,6 +4961,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(59 130 246 / var(--tw-border-opacity)); } +.hover\:border-black:hover { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} + .hover\:border-transparent:hover { border-color: transparent; } @@ -4636,6 +5000,21 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } +.hover\:bg-gray-700:hover { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-500:hover { + --tw-bg-opacity: 1; + background-color: rgb(107 114 128 / var(--tw-bg-opacity)); +} + +.hover\:bg-indigo-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(79 70 229 / var(--tw-bg-opacity)); +} + .hover\:bg-yellow-500:hover { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity)); @@ -4646,11 +5025,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.hover\:bg-indigo-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(79 70 229 / var(--tw-bg-opacity)); -} - .hover\:bg-red-600:hover { --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); @@ -4681,11 +5055,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(59 130 246 / var(--tw-bg-opacity)); } -.hover\:bg-gray-700:hover { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - .hover\:bg-purple-700:hover { --tw-bg-opacity: 1; background-color: rgb(126 34 206 / var(--tw-bg-opacity)); @@ -4755,9 +5124,14 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(22 163 74 / var(--tw-bg-opacity)); } -.hover\:bg-gray-500:hover { +.hover\:bg-blue-600:hover { --tw-bg-opacity: 1; - background-color: rgb(107 114 128 / var(--tw-bg-opacity)); + background-color: rgb(37 99 235 / var(--tw-bg-opacity)); +} + +.hover\:bg-gray-900:hover { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } .hover\:bg-gray-600:hover { @@ -4770,16 +5144,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(250 245 255 / var(--tw-bg-opacity)); } -.hover\:bg-gray-900:hover { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - -.hover\:bg-blue-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity)); -} - .hover\:bg-purple-400:hover { --tw-bg-opacity: 1; background-color: rgb(192 132 252 / var(--tw-bg-opacity)); @@ -4790,11 +5154,26 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(219 39 119 / var(--tw-bg-opacity)); } +.hover\:bg-yellow-300:hover { + --tw-bg-opacity: 1; + background-color: rgb(253 224 71 / var(--tw-bg-opacity)); +} + +.hover\:bg-black:hover { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} + .hover\:bg-yellow-400:hover { --tw-bg-opacity: 1; background-color: rgb(250 204 21 / var(--tw-bg-opacity)); } +.hover\:bg-cyan-800:hover { + --tw-bg-opacity: 1; + background-color: rgb(21 94 117 / var(--tw-bg-opacity)); +} + .hover\:bg-opacity-90:hover { --tw-bg-opacity: 0.9; } @@ -4807,11 +5186,30 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-bg-opacity: 0.8; } +.hover\:bg-opacity-5:hover { + --tw-bg-opacity: 0.05; +} + +.hover\:text-gray-600:hover { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + +.hover\:text-gray-700:hover { + --tw-text-opacity: 1; + color: rgb(55 65 81 / var(--tw-text-opacity)); +} + .hover\:text-gray-800:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); } +.hover\:text-blue-600:hover { + --tw-text-opacity: 1; + color: rgb(37 99 235 / var(--tw-text-opacity)); +} + .hover\:text-purple-200:hover { --tw-text-opacity: 1; color: rgb(233 213 255 / var(--tw-text-opacity)); @@ -4837,11 +5235,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(17 24 39 / var(--tw-text-opacity)); } -.hover\:text-gray-700:hover { - --tw-text-opacity: 1; - color: rgb(55 65 81 / var(--tw-text-opacity)); -} - .hover\:text-purple-600:hover { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity)); @@ -4957,9 +5350,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(202 138 4 / var(--tw-text-opacity)); } -.hover\:text-gray-600:hover { +.hover\:text-green-600:hover { --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); + color: rgb(22 163 74 / var(--tw-text-opacity)); } .hover\:text-gray-100:hover { @@ -4967,9 +5360,24 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(243 244 246 / var(--tw-text-opacity)); } -.hover\:text-blue-600:hover { +.hover\:text-blue-800:hover { --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); + color: rgb(30 64 175 / var(--tw-text-opacity)); +} + +.hover\:text-emerald-900:hover { + --tw-text-opacity: 1; + color: rgb(6 78 59 / var(--tw-text-opacity)); +} + +.hover\:text-cyan-900:hover { + --tw-text-opacity: 1; + color: rgb(22 78 99 / var(--tw-text-opacity)); +} + +.hover\:text-purple-900:hover { + --tw-text-opacity: 1; + color: rgb(88 28 135 / var(--tw-text-opacity)); } .hover\:text-indigo-500:hover { @@ -4977,9 +5385,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(99 102 241 / var(--tw-text-opacity)); } -.hover\:text-green-600:hover { +.hover\:text-red-300:hover { --tw-text-opacity: 1; - color: rgb(22 163 74 / var(--tw-text-opacity)); + color: rgb(252 165 165 / var(--tw-text-opacity)); +} + +.hover\:text-purple-700:hover { + --tw-text-opacity: 1; + color: rgb(126 34 206 / var(--tw-text-opacity)); } .hover\:text-opacity-75:hover { @@ -4991,6 +5404,11 @@ Ensure the default browser behavior of the `hidden` attribute. text-decoration-line: underline; } +.hover\:no-underline:hover { + -webkit-text-decoration-line: none; + text-decoration-line: none; +} + .hover\:opacity-75:hover { opacity: 0.75; } @@ -5025,6 +5443,12 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.hover\:ring:hover { + --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(3px + 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); +} + .hover\:ring-2:hover { --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); @@ -5037,11 +5461,20 @@ 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); } +.hover\:ring-green-400:hover { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity)); +} + .hover\:ring-gray-800:hover { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 41 55 / var(--tw-ring-opacity)); } +.focus\:z-10:focus { + z-index: 10; +} + .focus\:border-b-2:focus { border-bottom-width: 2px; } @@ -5056,6 +5489,11 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(99 102 241 / var(--tw-border-opacity)); } +.focus\:border-indigo-600:focus { + --tw-border-opacity: 1; + border-color: rgb(79 70 229 / var(--tw-border-opacity)); +} + .focus\:border-gray-500:focus { --tw-border-opacity: 1; border-color: rgb(107 114 128 / var(--tw-border-opacity)); @@ -5090,19 +5528,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(202 138 4 / var(--tw-border-opacity)); } -.focus\:border-gray-600:focus { - --tw-border-opacity: 1; - border-color: rgb(75 85 99 / var(--tw-border-opacity)); -} - .focus\:border-blue-500:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); } -.focus\:border-indigo-600:focus { +.focus\:border-gray-600:focus { --tw-border-opacity: 1; - border-color: rgb(79 70 229 / var(--tw-border-opacity)); + border-color: rgb(75 85 99 / var(--tw-border-opacity)); } .focus\:bg-red-700:focus { @@ -5110,6 +5543,21 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(185 28 28 / var(--tw-bg-opacity)); } +.focus\:bg-gray-700:focus { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / 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-white:focus { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} + .focus\:bg-transparent:focus { background-color: transparent; } @@ -5119,11 +5567,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(243 244 246 / var(--tw-bg-opacity)); } -.focus\:bg-white:focus { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - .focus\:bg-blue-500:focus { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)); @@ -5144,6 +5587,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(147 51 234 / var(--tw-bg-opacity)); } +.focus\:bg-indigo-700:focus { + --tw-bg-opacity: 1; + background-color: rgb(67 56 202 / var(--tw-bg-opacity)); +} + +.focus\:bg-gray-600:focus { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + .focus\:bg-gray-300:focus { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); @@ -5159,34 +5612,19 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(229 231 235 / var(--tw-bg-opacity)); } -.focus\:bg-purple-800:focus { - --tw-bg-opacity: 1; - background-color: rgb(107 33 168 / var(--tw-bg-opacity)); -} - .focus\:bg-blue-600:focus { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); } -.focus\:bg-indigo-700:focus { +.focus\:bg-purple-800:focus { --tw-bg-opacity: 1; - background-color: rgb(67 56 202 / var(--tw-bg-opacity)); + background-color: rgb(107 33 168 / var(--tw-bg-opacity)); } -.focus\:bg-gray-600:focus { +.focus\:bg-purple-700:focus { --tw-bg-opacity: 1; - 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)); + background-color: rgb(126 34 206 / var(--tw-bg-opacity)); } .focus\:text-white:focus { @@ -5194,6 +5632,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } +.focus\:text-blue-500:focus { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + .focus\:text-gray-600:focus { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); @@ -5204,9 +5647,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(55 65 81 / var(--tw-text-opacity)); } -.focus\:text-blue-500:focus { +.focus\:text-blue-700:focus { --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); + color: rgb(29 78 216 / var(--tw-text-opacity)); +} + +.focus\:text-purple-800:focus { + --tw-text-opacity: 1; + color: rgb(107 33 168 / var(--tw-text-opacity)); } .focus\:underline:focus { @@ -5214,6 +5662,11 @@ Ensure the default browser behavior of the `hidden` attribute. text-decoration-line: underline; } +.focus\:no-underline:focus { + -webkit-text-decoration-line: none; + text-decoration-line: none; +} + .focus\:placeholder-transparent:focus::-moz-placeholder { color: transparent; } @@ -5232,6 +5685,12 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.focus\:shadow-lg:focus { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; @@ -5241,10 +5700,6 @@ Ensure the default browser behavior of the `hidden` attribute. outline-color: #000; } -.focus\:outline-purple-800:focus { - outline-color: #6b21a8; -} - .focus\:ring-4:focus { --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); @@ -5274,6 +5729,16 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); } +.focus\:ring-green-400:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity)); +} + +.focus\:ring-indigo-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)); +} + .focus\:ring-blue-300:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity)); @@ -5284,11 +5749,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity)); } -.focus\:ring-indigo-200:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(199 210 254 / var(--tw-ring-opacity)); -} - .focus\:ring-purple-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(147 51 234 / var(--tw-ring-opacity)); @@ -5314,9 +5774,9 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); } -.focus\:ring-blue-500:focus { +.focus\:ring-cyan-100:focus { --tw-ring-opacity: 1; - --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(207 250 254 / var(--tw-ring-opacity)); } .focus\:ring-black:focus { @@ -5324,16 +5784,6 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); } -.focus\:ring-gray-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity)); -} - -.focus\:ring-cyan-100:focus { - --tw-ring-opacity: 1; - --tw-ring-color: rgb(207 250 254 / var(--tw-ring-opacity)); -} - .focus\:ring-purple-800:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(107 33 168 / var(--tw-ring-opacity)); @@ -5344,12 +5794,28 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity)); } -.focus\:ring-opacity-40:focus { - --tw-ring-opacity: 0.4; +.focus\:ring-blue-500:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } -.focus\:ring-opacity-80:focus { - --tw-ring-opacity: 0.8; +.focus\:ring-blue-700:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(29 78 216 / var(--tw-ring-opacity)); +} + +.focus\:ring-cyan-200:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity)); +} + +.focus\:ring-cyan-300:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity)); +} + +.focus\:ring-opacity-75:focus { + --tw-ring-opacity: 0.75; } .focus\:ring-opacity-25:focus { @@ -5360,6 +5826,14 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-opacity: 0.5; } +.focus\:ring-opacity-40:focus { + --tw-ring-opacity: 0.4; +} + +.focus\:ring-opacity-80:focus { + --tw-ring-opacity: 0.8; +} + .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } @@ -5372,6 +5846,12 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-offset-color: #e9d5ff; } +.focus-visible\:shadow-none:focus-visible { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .active\:top-0\.5:active { top: 0.125rem; } @@ -5415,11 +5895,27 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(107 33 168 / var(--tw-bg-opacity)); } +.active\:bg-indigo-700:active { + --tw-bg-opacity: 1; + background-color: rgb(67 56 202 / var(--tw-bg-opacity)); +} + +.active\:bg-blue-600:active { + --tw-bg-opacity: 1; + background-color: rgb(37 99 235 / var(--tw-bg-opacity)); +} + .active\:text-gray-300:active { --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); } +.active\:shadow-lg:active { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); +} + .disabled\:bg-gray-200:disabled { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); @@ -5505,6 +6001,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(255 255 255 / var(--tw-text-opacity)); } +.group:focus .group-focus\:underline { + -webkit-text-decoration-line: underline; + text-decoration-line: underline; +} + .dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(75 85 99 / var(--tw-divide-opacity)); @@ -5553,6 +6054,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: 2px; } +.dark .dark\:border-b { + border-bottom-width: 1px; +} + .dark .dark\:border-gray-700 { --tw-border-opacity: 1; border-color: rgb(55 65 81 / var(--tw-border-opacity)); @@ -5563,6 +6068,26 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(156 163 175 / var(--tw-border-opacity)); } +.dark .dark\:border-cyan-100 { + --tw-border-opacity: 1; + border-color: rgb(207 250 254 / var(--tw-border-opacity)); +} + +.dark .dark\:border-cyan-300 { + --tw-border-opacity: 1; + border-color: rgb(103 232 249 / var(--tw-border-opacity)); +} + +.dark .dark\:border-cyan-200 { + --tw-border-opacity: 1; + border-color: rgb(165 243 252 / 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-gray-600 { --tw-border-opacity: 1; border-color: rgb(75 85 99 / var(--tw-border-opacity)); @@ -5597,9 +6122,14 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(167 243 208 / var(--tw-border-opacity)); } -.dark .dark\:border-cyan-300 { +.dark .dark\:border-gray-300 { --tw-border-opacity: 1; - border-color: rgb(103 232 249 / var(--tw-border-opacity)); + border-color: rgb(209 213 219 / 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\:border-emerald-500 { @@ -5622,44 +6152,9 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(52 211 153 / var(--tw-border-opacity)); } -.dark .dark\:border-gray-800 { +.dark .dark\:border-gray-900 { --tw-border-opacity: 1; - border-color: rgb(31 41 55 / var(--tw-border-opacity)); -} - -.dark .dark\:border-gray-300 { - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - -.dark .dark .dark\:dark\:border-gray-700 { - --tw-border-opacity: 1; - border-color: rgb(55 65 81 / var(--tw-border-opacity)); -} - -.dark .dark\:border-cyan-200 { - --tw-border-opacity: 1; - border-color: rgb(165 243 252 / var(--tw-border-opacity)); -} - -.dark .dark\:border-cyan-700 { - --tw-border-opacity: 1; - border-color: rgb(14 116 144 / var(--tw-border-opacity)); -} - -.dark .dark\:border-cyan-500 { - --tw-border-opacity: 1; - 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)); + border-color: rgb(17 24 39 / var(--tw-border-opacity)); } .dark .dark\:bg-gray-800 { @@ -5672,16 +6167,46 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } -.dark .dark\:bg-violet-400 { - --tw-bg-opacity: 1; - background-color: rgb(167 139 250 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-gray-500 { --tw-bg-opacity: 1; background-color: rgb(107 114 128 / 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-gray-700 { + --tw-bg-opacity: 1; + background-color: rgb(55 65 81 / 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-cyan-100 { + --tw-bg-opacity: 1; + background-color: rgb(207 250 254 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-emerald-400 { + --tw-bg-opacity: 1; + background-color: rgb(52 211 153 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-emerald-300 { + --tw-bg-opacity: 1; + background-color: rgb(110 231 183 / var(--tw-bg-opacity)); +} + +.dark .dark\:bg-violet-400 { + --tw-bg-opacity: 1; + background-color: rgb(167 139 250 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-blue-600 { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)); @@ -5692,6 +6217,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(191 219 254 / 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-emerald-900 { --tw-bg-opacity: 1; background-color: rgb(6 78 59 / var(--tw-bg-opacity)); @@ -5717,11 +6247,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(129 140 248 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-700 { - --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-sky-300 { --tw-bg-opacity: 1; background-color: rgb(125 211 252 / var(--tw-bg-opacity)); @@ -5747,11 +6272,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(103 232 249 / var(--tw-bg-opacity)); } -.dark .dark\:bg-emerald-400 { - --tw-bg-opacity: 1; - background-color: rgb(52 211 153 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(30 58 138 / var(--tw-bg-opacity)); @@ -5772,69 +6292,44 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(255 251 235 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-400 { - --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-emerald-300 { - --tw-bg-opacity: 1; - background-color: rgb(110 231 183 / var(--tw-bg-opacity)); -} - -.dark .dark\:bg-gray-50 { - --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); -} - .dark .dark\:bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(209 213 219 / var(--tw-bg-opacity)); } +.dark .dark\:bg-gray-400 { + --tw-bg-opacity: 1; + background-color: rgb(156 163 175 / var(--tw-bg-opacity)); +} + .dark .dark\:bg-violet-500 { --tw-bg-opacity: 1; background-color: rgb(139 92 246 / var(--tw-bg-opacity)); } -.dark .dark .dark\:dark\:bg-violet-400 { +.dark .dark\:bg-gray-50 { --tw-bg-opacity: 1; - background-color: rgb(167 139 250 / var(--tw-bg-opacity)); + background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } -.dark .dark .dark\:dark\:bg-gray-800 { +.dark .dark\:bg-slate-500 { --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + background-color: rgb(100 116 139 / var(--tw-bg-opacity)); } -.dark .dark .dark\:dark\:bg-gray-900 { +.dark .dark\:bg-slate-600 { --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); + background-color: rgb(71 85 105 / var(--tw-bg-opacity)); } -.dark .dark\:bg-gray-100 { +.dark .dark\:bg-cyan-900 { --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); + background-color: rgb(22 78 99 / var(--tw-bg-opacity)); } -.dark .dark\:bg-red-800 { +.dark .dark\:bg-cyan-800 { --tw-bg-opacity: 1; - 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)); + background-color: rgb(21 94 117 / var(--tw-bg-opacity)); } .dark .dark\:bg-opacity-40 { @@ -5944,10 +6439,19 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 0.5rem; } +.dark .dark\:pb-2 { + padding-bottom: 0.5rem; +} + .dark .dark\:text-center { text-align: center; } +.dark .dark\:text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + .dark .dark\:font-bold { font-weight: 700; } @@ -5972,14 +6476,9 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(249 250 251 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-900 { +.dark .dark\:text-green-400 { --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -.dark .dark\:text-violet-400 { - --tw-text-opacity: 1; - color: rgb(167 139 250 / var(--tw-text-opacity)); + color: rgb(74 222 128 / var(--tw-text-opacity)); } .dark .dark\:text-gray-100 { @@ -5987,19 +6486,14 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(243 244 246 / var(--tw-text-opacity)); } -.dark .dark\:text-yellow-100 { +.dark .dark\:text-gray-900 { --tw-text-opacity: 1; - color: rgb(254 249 195 / var(--tw-text-opacity)); + color: rgb(17 24 39 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-800 { +.dark .dark\:text-gray-200 { --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); -} - -.dark .dark\:text-blue-800 { - --tw-text-opacity: 1; - color: rgb(30 64 175 / var(--tw-text-opacity)); + color: rgb(229 231 235 / var(--tw-text-opacity)); } .dark .dark\:text-gray-300 { @@ -6007,11 +6501,71 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(209 213 219 / var(--tw-text-opacity)); } +.dark .dark\:text-blue-400 { + --tw-text-opacity: 1; + color: rgb(96 165 250 / var(--tw-text-opacity)); +} + +.dark .dark\:text-blue-900 { + --tw-text-opacity: 1; + color: rgb(30 58 138 / var(--tw-text-opacity)); +} + +.dark .dark\:text-emerald-300 { + --tw-text-opacity: 1; + color: rgb(110 231 183 / var(--tw-text-opacity)); +} + +.dark .dark\:text-cyan-100 { + --tw-text-opacity: 1; + color: rgb(207 250 254 / var(--tw-text-opacity)); +} + +.dark .dark\:text-gray-800 { + --tw-text-opacity: 1; + color: rgb(31 41 55 / var(--tw-text-opacity)); +} + +.dark .dark\:text-emerald-100 { + --tw-text-opacity: 1; + color: rgb(209 250 229 / var(--tw-text-opacity)); +} + +.dark .dark\:text-cyan-300 { + --tw-text-opacity: 1; + color: rgb(103 232 249 / var(--tw-text-opacity)); +} + +.dark .dark\:text-emerald-400 { + --tw-text-opacity: 1; + color: rgb(52 211 153 / var(--tw-text-opacity)); +} + +.dark .dark\:text-violet-400 { + --tw-text-opacity: 1; + color: rgb(167 139 250 / var(--tw-text-opacity)); +} + +.dark .dark\:text-yellow-100 { + --tw-text-opacity: 1; + color: rgb(254 249 195 / var(--tw-text-opacity)); +} + +.dark .dark\:text-blue-800 { + --tw-text-opacity: 1; + color: rgb(30 64 175 / var(--tw-text-opacity)); +} + .dark .dark\:text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity)); } +.dark .dark\:text-cyan-200 { + --tw-text-opacity: 1; + color: rgb(165 243 252 / var(--tw-text-opacity)); +} + .dark .dark\:text-purple-300 { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity)); @@ -6022,11 +6576,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 33 168 / var(--tw-text-opacity)); } -.dark .dark\:text-gray-200 { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - .dark .dark\:text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity)); @@ -6047,11 +6596,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(125 211 252 / var(--tw-text-opacity)); } -.dark .dark\:text-cyan-300 { - --tw-text-opacity: 1; - color: rgb(103 232 249 / var(--tw-text-opacity)); -} - .dark .dark\:text-yellow-300 { --tw-text-opacity: 1; color: rgb(253 224 71 / var(--tw-text-opacity)); @@ -6062,11 +6606,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(254 240 138 / var(--tw-text-opacity)); } -.dark .dark\:text-emerald-300 { - --tw-text-opacity: 1; - color: rgb(110 231 183 / var(--tw-text-opacity)); -} - .dark .dark\:text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -6087,11 +6626,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark .dark\:text-blue-400 { - --tw-text-opacity: 1; - color: rgb(96 165 250 / var(--tw-text-opacity)); -} - .dark .dark\:text-cyan-600 { --tw-text-opacity: 1; color: rgb(8 145 178 / var(--tw-text-opacity)); @@ -6107,6 +6641,11 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(248 113 113 / var(--tw-text-opacity)); } +.dark .dark\:text-gray-600 { + --tw-text-opacity: 1; + color: rgb(75 85 99 / var(--tw-text-opacity)); +} + .dark .dark\:text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity)); @@ -6121,16 +6660,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(6 95 70 / var(--tw-text-opacity)); } -.dark .dark\:text-cyan-200 { - --tw-text-opacity: 1; - color: rgb(165 243 252 / var(--tw-text-opacity)); -} - -.dark .dark\:text-emerald-400 { - --tw-text-opacity: 1; - color: rgb(52 211 153 / var(--tw-text-opacity)); -} - .dark .dark\:text-indigo-500 { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); @@ -6146,49 +6675,24 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(167 243 208 / var(--tw-text-opacity)); } -.dark .dark .dark\:dark\:text-gray-50 { +.dark .dark\:text-blue-300 { --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); + color: rgb(147 197 253 / var(--tw-text-opacity)); } -.dark .dark .dark\:dark\:text-gray-900 { +.dark .dark\:text-red-300 { --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); + color: rgb(252 165 165 / var(--tw-text-opacity)); } -.dark .dark .dark\:dark\:text-green-400 { +.dark .dark\:text-red-600 { --tw-text-opacity: 1; - color: rgb(74 222 128 / var(--tw-text-opacity)); + color: rgb(220 38 38 / var(--tw-text-opacity)); } -.dark .dark\:text-green-400 { +.dark .dark\:text-red-500 { --tw-text-opacity: 1; - color: rgb(74 222 128 / var(--tw-text-opacity)); -} - -.dark .dark\:text-gray-600 { - --tw-text-opacity: 1; - color: rgb(75 85 99 / var(--tw-text-opacity)); -} - -.dark .dark\:text-purple-100 { - --tw-text-opacity: 1; - color: rgb(243 232 255 / var(--tw-text-opacity)); -} - -.dark .dark\:text-purple-500 { - --tw-text-opacity: 1; - color: rgb(168 85 247 / var(--tw-text-opacity)); -} - -.dark .dark\:text-purple-600 { - --tw-text-opacity: 1; - 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)); + color: rgb(239 68 68 / var(--tw-text-opacity)); } .dark .dark\:placeholder-white::-moz-placeholder { @@ -6221,21 +6725,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(107 114 128 / var(--tw-placeholder-opacity)); } -.dark .dark\:placeholder-gray-300::-moz-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(209 213 219 / var(--tw-placeholder-opacity)); -} - -.dark .dark\:placeholder-gray-300:-ms-input-placeholder { - --tw-placeholder-opacity: 1; - color: rgb(209 213 219 / var(--tw-placeholder-opacity)); -} - -.dark .dark\:placeholder-gray-300::placeholder { - --tw-placeholder-opacity: 1; - color: rgb(209 213 219 / var(--tw-placeholder-opacity)); -} - .dark .dark\:placeholder-gray-400::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(156 163 175 / var(--tw-placeholder-opacity)); @@ -6266,6 +6755,21 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(75 85 99 / var(--tw-placeholder-opacity)); } +.dark .dark\:placeholder-gray-300::-moz-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(209 213 219 / var(--tw-placeholder-opacity)); +} + +.dark .dark\:placeholder-gray-300:-ms-input-placeholder { + --tw-placeholder-opacity: 1; + color: rgb(209 213 219 / var(--tw-placeholder-opacity)); +} + +.dark .dark\:placeholder-gray-300::placeholder { + --tw-placeholder-opacity: 1; + color: rgb(209 213 219 / var(--tw-placeholder-opacity)); +} + .dark .dark\:opacity-20 { opacity: 0.2; } @@ -6306,6 +6810,11 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity)); } +.dark .dark\:ring-gray-900 { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(17 24 39 / var(--tw-ring-opacity)); +} + .dark .dark\:placeholder\:text-emerald-300::-moz-placeholder { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity)); @@ -6386,6 +6895,16 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(31 41 55 / var(--tw-bg-opacity)); } +.dark .dark\:hover\:bg-gray-600:hover { + --tw-bg-opacity: 1; + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); +} + +.dark .dark\:hover\:bg-emerald-100:hover { + --tw-bg-opacity: 1; + background-color: rgb(209 250 229 / var(--tw-bg-opacity)); +} + .dark .dark\:hover\:bg-gray-700:hover { --tw-bg-opacity: 1; background-color: rgb(55 65 81 / var(--tw-bg-opacity)); @@ -6396,11 +6915,6 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(29 78 216 / var(--tw-bg-opacity)); } -.dark .dark\:hover\:bg-gray-600:hover { - --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); -} - .dark .dark\:hover\:bg-cyan-300:hover { --tw-bg-opacity: 1; background-color: rgb(103 232 249 / var(--tw-bg-opacity)); @@ -6440,10 +6954,40 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } +.dark .dark\:hover\:bg-cyan-900:hover { + --tw-bg-opacity: 1; + background-color: rgb(22 78 99 / var(--tw-bg-opacity)); +} + .dark .dark\:hover\:stroke-cyan-400:hover { stroke: #22d3ee; } +.dark .hover\:dark\:text-green-400:hover { + --tw-text-opacity: 1; + color: rgb(74 222 128 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-gray-200:hover { + --tw-text-opacity: 1; + color: rgb(229 231 235 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-gray-300:hover { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-cyan-300:hover { + --tw-text-opacity: 1; + color: rgb(103 232 249 / var(--tw-text-opacity)); +} + +.dark .dark\:hover\:text-blue-500:hover { + --tw-text-opacity: 1; + color: rgb(59 130 246 / var(--tw-text-opacity)); +} + .dark .dark\:hover\:text-purple-500:hover { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity)); @@ -6474,11 +7018,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(167 139 250 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-gray-300:hover { - --tw-text-opacity: 1; - color: rgb(209 213 219 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -6509,16 +7048,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(55 65 81 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-cyan-300:hover { - --tw-text-opacity: 1; - color: rgb(103 232 249 / var(--tw-text-opacity)); -} - -.dark .dark\:hover\:text-blue-500:hover { - --tw-text-opacity: 1; - color: rgb(59 130 246 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:text-black:hover { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); @@ -6529,11 +7058,6 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(219 39 119 / var(--tw-text-opacity)); } -.dark .dark\:hover\:text-gray-200:hover { - --tw-text-opacity: 1; - color: rgb(229 231 235 / var(--tw-text-opacity)); -} - .dark .dark\:hover\:text-gray-800:hover { --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); @@ -6595,24 +7119,24 @@ Ensure the default browser behavior of the `hidden` attribute. border-color: rgb(147 197 253 / var(--tw-border-opacity)); } -.dark .dark\:focus\:border-gray-300:focus { - --tw-border-opacity: 1; - border-color: rgb(209 213 219 / var(--tw-border-opacity)); -} - .dark .dark\:focus\:border-blue-400:focus { --tw-border-opacity: 1; border-color: rgb(96 165 250 / var(--tw-border-opacity)); } +.dark .dark\:focus\:border-gray-300:focus { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)); +} + .dark .dark\:focus\:border-b-red-400:focus { --tw-border-opacity: 1; border-bottom-color: rgb(248 113 113 / var(--tw-border-opacity)); } -.dark .dark\:focus\:bg-gray-700:focus { +.dark .dark\:focus\:bg-gray-600:focus { --tw-bg-opacity: 1; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)); + background-color: rgb(75 85 99 / var(--tw-bg-opacity)); } .dark .focus\:dark\:bg-gray-900:focus { @@ -6620,9 +7144,9 @@ 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 { +.dark .dark\:focus\:bg-gray-700:focus { --tw-bg-opacity: 1; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)); + background-color: rgb(55 65 81 / var(--tw-bg-opacity)); } .dark .dark\:focus\:text-gray-400:focus { @@ -6660,9 +7184,9 @@ Ensure the default browser behavior of the `hidden` attribute. --tw-ring-color: rgb(107 114 128 / var(--tw-ring-opacity)); } -.dark .dark\:focus\:ring-cyan-200:focus { +.dark .dark\:focus\:ring-cyan-300:focus { --tw-ring-opacity: 1; - --tw-ring-color: rgb(165 243 252 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(103 232 249 / var(--tw-ring-opacity)); } @media (min-width: 640px) { @@ -6694,14 +7218,9 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 8 / span 8; } - .sm\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; - } - - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } .sm\:mx-0 { @@ -6709,21 +7228,21 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0px; } + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .sm\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } - .sm\:my-0 { - margin-top: 0px; - margin-bottom: 0px; - } - - .sm\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; - } - .sm\:-mx-0\.5 { margin-left: -0.125rem; margin-right: -0.125rem; @@ -6739,6 +7258,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 0.125rem; } + .sm\:my-0 { + margin-top: 0px; + margin-bottom: 0px; + } + + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + } + .sm\:-mx-4 { margin-left: -1rem; margin-right: -1rem; @@ -6749,10 +7278,22 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } + .sm\:mr-6 { + margin-right: 1.5rem; + } + + .sm\:mr-10 { + margin-right: 2.5rem; + } + .sm\:mb-0 { margin-bottom: 0px; } + .sm\:mb-2 { + margin-bottom: 0.5rem; + } + .sm\:mt-0 { margin-top: 0px; } @@ -6817,6 +7358,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: auto; } + .sm\:mb-5 { + margin-bottom: 1.25rem; + } + .sm\:mr-3 { margin-right: 0.75rem; } @@ -6829,14 +7374,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 4rem; } - .sm\:mr-10 { - margin-right: 2.5rem; - } - - .sm\:mb-2 { - margin-bottom: 0.5rem; - } - .sm\:block { display: block; } @@ -6853,6 +7390,14 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } + .sm\:h-96 { + height: 24rem; + } + + .sm\:h-\[70px\] { + height: 70px; + } + .sm\:h-16 { height: 4rem; } @@ -6873,10 +7418,6 @@ Ensure the default browser behavior of the `hidden` attribute. height: 1.75rem; } - .sm\:h-96 { - height: 24rem; - } - .sm\:w-10\/12 { width: 83.333333%; } @@ -6897,6 +7438,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: auto; } + .sm\:w-96 { + width: 24rem; + } + .sm\:w-10 { width: 2.5rem; } @@ -6913,6 +7458,18 @@ Ensure the default browser behavior of the `hidden` attribute. width: 100%; } + .sm\:w-2\/4 { + width: 50%; + } + + .sm\:w-9 { + width: 2.25rem; + } + + .sm\:w-7 { + width: 1.75rem; + } + .sm\:w-7\/12 { width: 58.333333%; } @@ -6925,6 +7482,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 4rem; } + .sm\:w-8\/12 { + width: 66.666667%; + } + .sm\:w-3\/5 { width: 60%; } @@ -6933,30 +7494,22 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } - .sm\:w-9 { - width: 2.25rem; - } - - .sm\:w-7 { - width: 1.75rem; - } - - .sm\:w-96 { - width: 24rem; - } - - .sm\:w-2\/4 { - width: 50%; - } - - .sm\:max-w-xl { - max-width: 36rem; + .sm\:w-60 { + width: 15rem; } .sm\:max-w-full { max-width: 100%; } + .sm\:max-w-\[70px\] { + max-width: 70px; + } + + .sm\:max-w-xl { + max-width: 36rem; + } + .sm\:max-w-sm { max-width: 24rem; } @@ -6965,6 +7518,10 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 1024px; } + .sm\:max-w-md { + max-width: 28rem; + } + .sm\:flex-initial { flex: 0 1 auto; } @@ -6973,14 +7530,19 @@ Ensure the default browser behavior of the `hidden` attribute. flex-shrink: 0; } - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .sm\:translate-y-0 { + --tw-translate-y: 0px; + 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)); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -6997,6 +7559,10 @@ Ensure the default browser behavior of the `hidden` attribute. flex-direction: column; } + .sm\:flex-nowrap { + flex-wrap: nowrap; + } + .sm\:items-start { align-items: flex-start; } @@ -7037,6 +7603,12 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 4rem; } + .sm\:space-y-12 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(3rem * var(--tw-space-y-reverse)); + } + .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); @@ -7073,6 +7645,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } + .sm\:space-x-3 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.75rem * var(--tw-space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-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))); @@ -7105,13 +7683,26 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2.5rem; } + .sm\:p-12 { + padding: 3rem; + } + .sm\:p-6 { padding: 1.5rem; } - .sm\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .sm\:p-16 { + padding: 4rem; + } + + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } .sm\:px-6 { @@ -7119,6 +7710,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 1.5rem; } + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; @@ -7139,41 +7735,41 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0.75rem; } - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; - } - - .sm\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; - } - - .sm\:px-0 { - padding-left: 0px; - padding-right: 0px; - } - .sm\:px-8 { padding-left: 2rem; padding-right: 2rem; } + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .sm\:px-0 { + padding-left: 0px; + padding-right: 0px; + } + + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + } + .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; } - .sm\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; - } - .sm\:py-24 { padding-top: 6rem; padding-bottom: 6rem; @@ -7189,11 +7785,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 8rem; } - .sm\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - } - .sm\:pt-12 { padding-top: 3rem; } @@ -7206,20 +7797,20 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 1.5rem; } - .sm\:pl-0 { - padding-left: 0px; + .sm\:pr-8 { + padding-right: 2rem; } .sm\:pl-8 { padding-left: 2rem; } - .sm\:pl-20 { - padding-left: 5rem; + .sm\:pl-0 { + padding-left: 0px; } - .sm\:pr-8 { - padding-right: 2rem; + .sm\:pl-20 { + padding-left: 5rem; } .sm\:pr-10 { @@ -7239,6 +7830,15 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 2.5rem; } + .sm\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .sm\:text-\[40px\] { + font-size: 40px; + } + .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -7269,11 +7869,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } - .sm\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } - .sm\:text-\[42px\] { font-size: 42px; } @@ -7297,16 +7892,22 @@ Ensure the default browser behavior of the `hidden` attribute. box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } + .sm\:shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --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\: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); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } - .sm\:shadow { - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --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\:ring-8 { + --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(8px + 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); } .sm\:before\:absolute::before { @@ -7392,6 +7993,10 @@ Ensure the default browser behavior of the `hidden` attribute. right: -0.75rem; } + .md\:top-36 { + top: 9rem; + } + .md\:order-1 { order: 1; } @@ -7440,8 +8045,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin: 1.5rem; } - .md\:m-8 { - margin: 2rem; + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } .md\:mx-0 { @@ -7464,14 +8075,9 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 3rem; } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; - } - - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } .md\:my-0 { @@ -7479,6 +8085,11 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0px; } + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; + } + .md\:mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; @@ -7509,14 +8120,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -3rem; } - .md\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:mt-0 { + margin-top: 0px; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:ml-auto { + margin-left: auto; } .md\:mb-10 { @@ -7535,10 +8144,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 0px; } - .md\:mt-0 { - margin-top: 0px; - } - .md\:mb-2 { margin-bottom: 0.5rem; } @@ -7595,10 +8200,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 1.25rem; } - .md\:ml-auto { - margin-left: auto; - } - .md\:mr-auto { margin-right: auto; } @@ -7631,6 +8232,14 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: 3rem; } + .md\:mt-12 { + margin-top: 3rem; + } + + .md\:-mt-36 { + margin-top: -9rem; + } + .md\:mr-3 { margin-right: 0.75rem; } @@ -7675,6 +8284,10 @@ Ensure the default browser behavior of the `hidden` attribute. height: 100%; } + .md\:h-\[450px\] { + height: 450px; + } + .md\:h-auto { height: auto; } @@ -7707,14 +8320,22 @@ Ensure the default browser behavior of the `hidden` attribute. height: 6rem; } - .md\:h-\[450px\] { - height: 450px; - } - .md\:w-1\/2 { width: 50%; } + .md\:w-64 { + width: 16rem; + } + + .md\:w-2\/3 { + width: 66.666667%; + } + + .md\:w-full { + width: 100%; + } + .md\:w-48 { width: 12rem; } @@ -7723,6 +8344,10 @@ Ensure the default browser behavior of the `hidden` attribute. width: 75%; } + .md\:w-1\/3 { + width: 33.333333%; + } + .md\:w-1\/4 { width: 25%; } @@ -7743,18 +8368,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 2rem; } - .md\:w-2\/3 { - width: 66.666667%; - } - - .md\:w-1\/3 { - width: 33.333333%; - } - - .md\:w-full { - width: 100%; - } - .md\:w-5\/12 { width: 41.666667%; } @@ -7783,6 +8396,22 @@ Ensure the default browser behavior of the `hidden` attribute. width: 58.333333%; } + .md\:w-9\/12 { + width: 75%; + } + + .md\:w-2\/4 { + width: 50%; + } + + .md\:w-3\/5 { + width: 60%; + } + + .md\:w-8\/12 { + width: 66.666667%; + } + .md\:w-9 { width: 2.25rem; } @@ -7791,10 +8420,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 10rem; } - .md\:w-64 { - width: 16rem; - } - .md\:w-16 { width: 4rem; } @@ -7803,10 +8428,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 15rem; } - .md\:w-3\/5 { - width: 60%; - } - .md\:w-2\/5 { width: 40%; } @@ -7815,18 +8436,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 80%; } - .md\:w-8\/12 { - width: 66.666667%; - } - - .md\:w-2\/4 { - width: 50%; - } - - .md\:w-9\/12 { - width: 75%; - } - .md\:max-w-xl { max-width: 36rem; } @@ -7868,10 +8477,18 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); + } + .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -7884,14 +8501,6 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(9, minmax(0, 1fr)); } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } @@ -7940,6 +8549,18 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 2rem; } + .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(0px * var(--tw-space-y-reverse)); + } + + .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(1.5rem * var(--tw-space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); + } + .md\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); @@ -7952,24 +8573,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: calc(3rem * var(--tw-space-y-reverse)); } - .md\:space-x-6 > :not([hidden]) ~ :not([hidden]) { - --tw-space-x-reverse: 0; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)); - margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))); - } - .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } - .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) { - --tw-space-y-reverse: 0; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); - margin-bottom: calc(0px * var(--tw-space-y-reverse)); - } - .md\:space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); @@ -7988,6 +8597,12 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } + .md\:divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + } + .md\:divide-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(2px * var(--tw-divide-x-reverse)); @@ -8000,6 +8615,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } + .md\:justify-self-start { + justify-self: start; + } + .md\:rounded-none { border-radius: 0px; } @@ -8028,6 +8647,10 @@ Ensure the default browser behavior of the `hidden` attribute. border-width: 0px; } + .md\:border { + border-width: 1px; + } + .md\:border-b-0 { border-bottom-width: 0px; } @@ -8060,10 +8683,23 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: transparent; } + .md\:bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + } + .md\:bg-opacity-100 { --tw-bg-opacity: 1; } + .md\:p-16 { + padding: 4rem; + } + + .md\:p-4 { + padding: 1rem; + } + .md\:p-10 { padding: 2.5rem; } @@ -8080,8 +8716,24 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 0px; } - .md\:p-4 { - padding: 1rem; + .md\:py-0 { + padding-top: 0px; + padding-bottom: 0px; + } + + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } .md\:px-10 { @@ -8089,6 +8741,11 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2.5rem; } + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; + } + .md\:px-24 { padding-left: 6rem; padding-right: 6rem; @@ -8099,11 +8756,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2rem; } - .md\:py-0 { - padding-top: 0px; - padding-bottom: 0px; - } - .md\:px-4 { padding-left: 1rem; padding-right: 1rem; @@ -8149,19 +8801,14 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 5rem; } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; - } - .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } - .md\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .md\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } .md\:py-24 { @@ -8189,11 +8836,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 10rem; } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; - } - .md\:pl-20 { padding-left: 5rem; } @@ -8270,10 +8912,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 16rem; } - .md\:pr-40 { - padding-right: 10rem; - } - .md\:text-left { text-align: left; } @@ -8295,21 +8933,31 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } + .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } + .md\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + .md\:text-base { font-size: 1rem; line-height: 1.5rem; } - .md\:text-xl { - font-size: 1.25rem; - line-height: 1.75rem; - } - .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; @@ -8325,16 +8973,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } - .md\:text-2xl { - font-size: 1.5rem; - line-height: 2rem; - } - - .md\:text-3xl { - font-size: 1.875rem; - line-height: 2.25rem; - } - .md\:font-medium { font-weight: 500; } @@ -8355,6 +8993,14 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } + .md\:leading-relaxed { + line-height: 1.625; + } + + .md\:leading-7 { + line-height: 1.75rem; + } + .md\:tracking-tight { letter-spacing: -0.025em; } @@ -8383,6 +9029,11 @@ Ensure the default browser behavior of the `hidden` attribute. background-color: transparent; } + .dark .dark\:md\:bg-gray-800 { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); + } + .dark .md\:dark\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); @@ -8439,10 +9090,30 @@ Ensure the default browser behavior of the `hidden` attribute. order: 4; } + .lg\:col-span-7 { + grid-column: span 7 / span 7; + } + + .lg\:col-span-5 { + grid-column: span 5 / span 5; + } + .lg\:col-span-4 { grid-column: span 4 / span 4; } + .lg\:col-span-8 { + grid-column: span 8 / span 8; + } + + .lg\:col-span-6 { + grid-column: span 6 / span 6; + } + + .lg\:col-span-1 { + grid-column: span 1 / span 1; + } + .lg\:col-span-2 { grid-column: span 2 / span 2; } @@ -8451,26 +9122,14 @@ Ensure the default browser behavior of the `hidden` attribute. grid-column: span 3 / span 3; } - .lg\:col-span-5 { - grid-column: span 5 / span 5; - } - - .lg\:col-span-1 { - grid-column: span 1 / span 1; - } - - .lg\:col-span-8 { - grid-column: span 8 / span 8; + .lg\:col-start-2 { + grid-column-start: 2; } .lg\:col-start-1 { grid-column-start: 1; } - .lg\:col-start-2 { - grid-column-start: 2; - } - .lg\:col-end-13 { grid-column-end: 13; } @@ -8521,16 +9180,16 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: -0.5rem; } - .lg\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; - } - .lg\:mx-8 { margin-left: 2rem; margin-right: 2rem; } + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; + } + .lg\:mb-20 { margin-bottom: 5rem; } @@ -8539,22 +9198,30 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 4rem; } - .lg\:ml-4 { - margin-left: 1rem; - } - .lg\:mt-0 { margin-top: 0px; } + .lg\:ml-auto { + margin-left: auto; + } + .lg\:mb-0 { margin-bottom: 0px; } + .lg\:ml-4 { + margin-left: 1rem; + } + .lg\:ml-48 { margin-left: 12rem; } + .lg\:mr-16 { + margin-right: 4rem; + } + .lg\:mt-12 { margin-top: 3rem; } @@ -8571,10 +9238,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1.5rem; } - .lg\:ml-auto { - margin-left: auto; - } - .lg\:ml-8 { margin-left: 2rem; } @@ -8679,10 +9342,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: 2.5rem; } - .lg\:mr-16 { - margin-right: 4rem; - } - .lg\:block { display: block; } @@ -8707,6 +9366,10 @@ Ensure the default browser behavior of the `hidden` attribute. display: none; } + .lg\:h-auto { + height: auto; + } + .lg\:h-\[32rem\] { height: 32rem; } @@ -8735,10 +9398,30 @@ Ensure the default browser behavior of the `hidden` attribute. width: 50%; } + .lg\:w-1\/3 { + width: 33.333333%; + } + + .lg\:w-2\/3 { + width: 66.666667%; + } + + .lg\:w-3\/6 { + width: 50%; + } + .lg\:w-2\/4 { width: 50%; } + .lg\:w-3\/4 { + width: 75%; + } + + .lg\:w-4\/5 { + width: 80%; + } + .lg\:w-1\/4 { width: 25%; } @@ -8747,14 +9430,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: auto; } - .lg\:w-1\/3 { - width: 33.333333%; - } - - .lg\:w-2\/3 { - width: 66.666667%; - } - .lg\:w-1\/6 { width: 16.666667%; } @@ -8791,14 +9466,14 @@ Ensure the default browser behavior of the `hidden` attribute. width: 91.666667%; } - .lg\:w-2\/5 { - width: 40%; - } - .lg\:w-1\/5 { width: 20%; } + .lg\:w-2\/5 { + width: 40%; + } + .lg\:w-56 { width: 14rem; } @@ -8819,10 +9494,6 @@ Ensure the default browser behavior of the `hidden` attribute. width: 3rem; } - .lg\:w-3\/4 { - width: 75%; - } - .lg\:w-4\/6 { width: 66.666667%; } @@ -8831,14 +9502,18 @@ Ensure the default browser behavior of the `hidden` attribute. width: 100vw; } - .lg\:w-4\/5 { - width: 80%; - } - .lg\:max-w-4xl { max-width: 56rem; } + .lg\:max-w-2xl { + max-width: 42rem; + } + + .lg\:max-w-7xl { + max-width: 80rem; + } + .lg\:max-w-screen-xl { max-width: 1280px; } @@ -8855,10 +9530,6 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 32rem; } - .lg\:max-w-2xl { - max-width: 42rem; - } - .lg\:max-w-6xl { max-width: 72rem; } @@ -8875,8 +9546,8 @@ Ensure the default browser behavior of the `hidden` attribute. max-width: 768px; } - .lg\:max-w-7xl { - max-width: 80rem; + .lg\:max-w-md { + max-width: 28rem; } .lg\:max-w-3xl { @@ -8896,14 +9567,6 @@ Ensure the default browser behavior of the `hidden` attribute. 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)); } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); - } - - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); - } - .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } @@ -8912,20 +9575,28 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(12, minmax(0, 1fr)); } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:flex-row { @@ -8976,14 +9647,14 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 0px; } - .lg\:gap-20 { - gap: 5rem; - } - .lg\:gap-8 { gap: 2rem; } + .lg\:gap-20 { + gap: 5rem; + } + .lg\:gap-24 { gap: 6rem; } @@ -9014,6 +9685,24 @@ Ensure the default browser behavior of the `hidden` attribute. margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse))); } + .lg\:space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); + } + + .lg\:space-x-reverse > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 1; + } + + .lg\:rounded-md { + border-radius: 0.375rem; + } + + .lg\:rounded-lg { + border-radius: 0.5rem; + } + .lg\:border-none { border-style: none; } @@ -9036,22 +9725,22 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 2.5rem; } - .lg\:p-0 { - padding: 0px; - } - .lg\:p-8 { padding: 2rem; } - .lg\:p-16 { - padding: 4rem; - } - .lg\:p-12 { padding: 3rem; } + .lg\:p-0 { + padding: 0px; + } + + .lg\:p-16 { + padding: 4rem; + } + .lg\:p-6 { padding: 1.5rem; } @@ -9066,11 +9755,36 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 2rem; } + .lg\:px-16 { + padding-left: 4rem; + padding-right: 4rem; + } + + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + + .lg\:py-\[120px\] { + padding-top: 120px; + padding-bottom: 120px; + } + .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; } + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; + } + .lg\:px-20 { padding-left: 5rem; padding-right: 5rem; @@ -9091,11 +9805,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 4rem; } - .lg\:px-16 { - padding-left: 4rem; - padding-right: 4rem; - } - .lg\:py-24 { padding-top: 6rem; padding-bottom: 6rem; @@ -9121,9 +9830,9 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 10rem; } - .lg\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .lg\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } .lg\:px-10 { @@ -9151,11 +9860,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } - .lg\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; - } - .lg\:pt-\[120px\] { padding-top: 120px; } @@ -9164,6 +9868,10 @@ Ensure the default browser behavior of the `hidden` attribute. padding-bottom: 90px; } + .lg\:pr-0 { + padding-right: 0px; + } + .lg\:pl-12 { padding-left: 3rem; } @@ -9252,10 +9960,6 @@ Ensure the default browser behavior of the `hidden` attribute. padding-left: 2rem; } - .lg\:pr-0 { - padding-right: 0px; - } - .lg\:pt-40 { padding-top: 10rem; } @@ -9285,6 +9989,10 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1; } + .lg\:text-\[36px\] { + font-size: 36px; + } + .lg\:text-7xl { font-size: 4.5rem; line-height: 1; @@ -9305,6 +10013,11 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.5rem; } + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; @@ -9315,11 +10028,6 @@ Ensure the default browser behavior of the `hidden` attribute. line-height: 1.25rem; } - .lg\:text-4xl { - font-size: 2.25rem; - line-height: 2.5rem; - } - .lg\:text-\[40px\] { font-size: 40px; } @@ -9339,6 +10047,12 @@ Ensure the default browser behavior of the `hidden` attribute. color: rgb(67 56 202 / var(--tw-text-opacity)); } + .lg\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); + } + .lg\:shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; @@ -9372,6 +10086,18 @@ Ensure the default browser behavior of the `hidden` attribute. margin-right: 1rem; } + .xl\:ml-6 { + margin-left: 1.5rem; + } + + .xl\:mt-6 { + margin-top: 1.5rem; + } + + .xl\:mt-12 { + margin-top: 3rem; + } + .xl\:mt-28 { margin-top: 7rem; } @@ -9388,6 +10114,10 @@ Ensure the default browser behavior of the `hidden` attribute. margin-bottom: 1.5rem; } + .xl\:mt-16 { + margin-top: 4rem; + } + .xl\:mb-8 { margin-bottom: 2rem; } @@ -9408,18 +10138,6 @@ Ensure the default browser behavior of the `hidden` attribute. margin-top: -3rem; } - .xl\:mt-12 { - margin-top: 3rem; - } - - .xl\:mt-6 { - margin-top: 1.5rem; - } - - .xl\:mt-16 { - margin-top: 4rem; - } - .xl\:inline { display: inline; } @@ -9428,22 +10146,46 @@ Ensure the default browser behavior of the `hidden` attribute. display: flex; } - .xl\:h-24 { - height: 6rem; - } - .xl\:h-\[34rem\] { height: 34rem; } - .xl\:w-11\/12 { - width: 91.666667%; + .xl\:h-80 { + height: 20rem; + } + + .xl\:h-24 { + height: 6rem; + } + + .xl\:w-2\/5 { + width: 40%; + } + + .xl\:w-6\/12 { + width: 50%; } .xl\:w-5\/12 { width: 41.666667%; } + .xl\:w-2\/4 { + width: 50%; + } + + .xl\:w-\[34rem\] { + width: 34rem; + } + + .xl\:w-3\/5 { + width: 60%; + } + + .xl\:w-11\/12 { + width: 91.666667%; + } + .xl\:w-9\/12 { width: 75%; } @@ -9456,28 +10198,16 @@ Ensure the default browser behavior of the `hidden` attribute. width: 83.333333%; } - .xl\:w-24 { - width: 6rem; - } - - .xl\:w-2\/4 { - width: 50%; + .xl\:w-3\/12 { + width: 25%; } .xl\:w-4\/12 { width: 33.333333%; } - .xl\:w-\[34rem\] { - width: 34rem; - } - - .xl\:w-2\/5 { - width: 40%; - } - - .xl\:w-3\/5 { - width: 60%; + .xl\:w-24 { + width: 6rem; } .xl\:max-w-screen-xl { @@ -9508,22 +10238,22 @@ Ensure the default browser behavior of the `hidden` attribute. grid-template-columns: repeat(4, minmax(0, 1fr)); } - .xl\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } - .xl\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .xl\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } + .xl\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); + } + .xl\:flex-row { flex-direction: row; } @@ -9540,6 +10270,18 @@ Ensure the default browser behavior of the `hidden` attribute. gap: 4rem; } + .xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-y-reverse: 0; + border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); + border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); + } + + .xl\:divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); + } + .xl\:border-solid { border-style: solid; } @@ -9557,19 +10299,24 @@ Ensure the default browser behavior of the `hidden` attribute. padding: 1.5rem; } - .xl\:p-20 { - padding: 5rem; - } - .xl\:p-12 { padding: 3rem; } + .xl\:p-20 { + padding: 5rem; + } + .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; } + .xl\:px-32 { + padding-left: 8rem; + padding-right: 8rem; + } + .xl\:px-20 { padding-left: 5rem; padding-right: 5rem; @@ -9590,16 +10337,21 @@ Ensure the default browser behavior of the `hidden` attribute. padding-right: 0px; } + .xl\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; + } + + .xl\:px-40 { + padding-left: 10rem; + padding-right: 10rem; + } + .xl\:py-40 { padding-top: 10rem; padding-bottom: 10rem; } - .xl\:px-32 { - padding-left: 8rem; - padding-right: 8rem; - } - .xl\:pt-8 { padding-top: 2rem; } @@ -9640,6 +10392,10 @@ Ensure the default browser behavior of the `hidden` attribute. text-align: center; } + .xl\:text-\[40px\] { + font-size: 40px; + } + .xl\:text-\[42px\] { font-size: 42px; } diff --git a/public/componets/article/1_article.html b/public/componets/article/1_article.html new file mode 100644 index 0000000..2af0e1e --- /dev/null +++ b/public/componets/article/1_article.html @@ -0,0 +1,103 @@ + + + + + + + + + + Article 1 + + + + + + + + +
+
Article 1
+
+
+
+
+

#TailwindCSS

+

Interdum et malesuada fames ac ante ipsum primis in faucibus?

+

by + + Leroy Jenkins + on + +

+
+
+

Insert the actual text content here...

+
+
+
+ +
+

Leroy Jenkins

+

Sed non nibh iaculis, posuere diam vitae, consectetur neque. Integer velit ligula, semper sed nisl in, cursus commodo elit. Pellentesque sit amet mi luctus ligula euismod lobortis ultricies et nibh.

+
+
+
+ + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/article/2_article.html b/public/componets/article/2_article.html new file mode 100644 index 0000000..0422f96 --- /dev/null +++ b/public/componets/article/2_article.html @@ -0,0 +1,95 @@ + + + + + + + + + + Article 2 + + + + + + + +
+
Article 2
+
+ +
+
+
+
+

Suspendisse ut magna et ipsum sodales accumsan.

+
+
+ +

Leroy Jenkins • July 19th, 2021

+
+

4 min read • 1,570 views

+
+
+
+

Insert the actual text content here...

+
+
+
+
+ #MambaUI + #TailwindCSS + #Angular +
+
+

Related posts

+ +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/article/3_article.html b/public/componets/article/3_article.html new file mode 100644 index 0000000..4805d8a --- /dev/null +++ b/public/componets/article/3_article.html @@ -0,0 +1,76 @@ + + + + + + + + + + Article 3 + + + + + + + + +
+
Article 3
+
+
+ +
+
+

Interdum et malesuada fames ac ante ipsum primis in faucibus?

+
+ #MambaUI + #TailwindCSS + #Angular +
+

by + + Leroy Jenkins + on + +

+
+
+

Insert the actual text content here...

+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/public/componets/article/4_article.html b/public/componets/article/4_article.html new file mode 100644 index 0000000..f389aaa --- /dev/null +++ b/public/componets/article/4_article.html @@ -0,0 +1,72 @@ + + + + + + + + + + Article 4 + + + + + + + +
+
Article 4
+
+ +
+
+ +
+
+ The Best Activewear from the Nordstrom Anniversary Sale +

By + Leroy Jenkins +

+
+
+

Insert the actual text content here...

+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/article/5_article.html b/public/componets/article/5_article.html new file mode 100644 index 0000000..5829173 --- /dev/null +++ b/public/componets/article/5_article.html @@ -0,0 +1,48 @@ + + + + + + + + + + Article + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/article/article.html b/public/componets/article/article.html new file mode 100644 index 0000000..dd8f286 --- /dev/null +++ b/public/componets/article/article.html @@ -0,0 +1,202 @@ + + + + + + + + + + Article + + + + + + + + +
+
Article 1
+
+
+
+
+

#TailwindCSS

+

Interdum et malesuada fames ac ante ipsum primis in faucibus?

+

by + + Leroy Jenkins + on + +

+
+
+

Insert the actual text content here...

+
+
+
+ +
+

Leroy Jenkins

+

Sed non nibh iaculis, posuere diam vitae, consectetur neque. Integer velit ligula, semper sed nisl in, cursus commodo elit. Pellentesque sit amet mi luctus ligula euismod lobortis ultricies et nibh.

+
+
+
+ + + + + + + + + + + + + + + + + + + + +
+
+
+
+ + + + +
+
Article 2
+
+ +
+
+
+
+

Suspendisse ut magna et ipsum sodales accumsan.

+
+
+ +

Leroy Jenkins • July 19th, 2021

+
+

4 min read • 1,570 views

+
+
+
+

Insert the actual text content here...

+
+
+
+
+ #MambaUI + #TailwindCSS + #Angular +
+
+

Related posts

+ +
+
+
+
+ + + +
+
Article 3
+
+
+ +
+
+

Interdum et malesuada fames ac ante ipsum primis in faucibus?

+
+ #MambaUI + #TailwindCSS + #Angular +
+

by + + Leroy Jenkins + on + +

+
+
+

Insert the actual text content here...

+
+
+
+ + + +
+
Article 4
+
+ +
+
+ +
+
+ The Best Activewear from the Nordstrom Anniversary Sale +

By + Leroy Jenkins +

+
+
+

Insert the actual text content here...

+
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/1_blog.html b/public/componets/blog/1_blog.html new file mode 100644 index 0000000..fd0dbbd --- /dev/null +++ b/public/componets/blog/1_blog.html @@ -0,0 +1,122 @@ + + + + + + + + + + Blog 1 + + + + + + + +
+
Blog 1
+
+ +
+
+
+

Partem reprimique an pro

+

Qualisque erroribus usu at, duo te agam soluta mucius.

+
+
+
+ + + +
+ + Convenire +

Te nulla oportere reprimique his dolorum

+
+ June 1, 2020 + 2.1K views +
+
+
+
+ + + +
+ + Convenire +

Te nulla oportere reprimique his dolorum

+
+ June 2, 2020 + 2.2K views +
+
+
+
+ + + +
+ + Convenire +

Te nulla oportere reprimique his dolorum

+
+ June 3, 2020 + 2.3K views +
+
+
+
+ + + +
+ + Convenire +

Te nulla oportere reprimique his dolorum

+
+ June 4, 2020 + 2.4K views +
+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/2_blog.html b/public/componets/blog/2_blog.html new file mode 100644 index 0000000..fa49a51 --- /dev/null +++ b/public/componets/blog/2_blog.html @@ -0,0 +1,121 @@ + + + + + + + + + + Blog 2 + + + + + + + + +
+
Blog 2
+
+
+
+ + +
+

Noster tincidunt reprimique ad pro

+ February 19, 2021 +

Ei delenit sensibus liberavisse pri. Quod suscipit no nam. Est in graece fuisset, eos affert putent doctus id.

+
+ +
+ + +
+

In usu laoreet repudiare legendos

+ January 21, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + +
+

In usu laoreet repudiare legendos

+ January 22, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + +
+

In usu laoreet repudiare legendos

+ January 23, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + + +
+
+ +
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/3_blog.html b/public/componets/blog/3_blog.html new file mode 100644 index 0000000..286e969 --- /dev/null +++ b/public/componets/blog/3_blog.html @@ -0,0 +1,77 @@ + + + + + + + + + + Blog 3 + + + + + + + + +
+
Blog 3
+
+
+ +
+
+

Lorem ipsum dolor sit amet

+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quibusdam possimus repellat incidunt odit eligendi mollitia quaerat autem nobis fugiat natus?

+
+
+ +
+ April 03, 2021 +
+ javascript + serverless + aws +
+
+
+
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/4_blog.html b/public/componets/blog/4_blog.html new file mode 100644 index 0000000..4c8636c --- /dev/null +++ b/public/componets/blog/4_blog.html @@ -0,0 +1,77 @@ + + + + + + + + + + Blog 4 + + + + + + + + +
+
Blog 4
+
+
+
+
+ Jun 1, 2020 + Javascript +
+
+ Nos creasse pendere crescit angelos etc +

Tamquam ita veritas res equidem. Ea in ad expertus paulatim poterunt. Imo volo aspi novi tur. Ferre hic neque vulgo hae athei spero. Tantumdem naturales excaecant notaverim etc cau perfacile occurrere. Loco visa to du huic at in dixi aër.

+
+
+ Read more +
+ + avatar + Leroy Jenkins + +
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/5_blog.html b/public/componets/blog/5_blog.html new file mode 100644 index 0000000..51ff1da --- /dev/null +++ b/public/componets/blog/5_blog.html @@ -0,0 +1,69 @@ + + + + + + + + + + Blog 5 + + + + + + + + +
+
Blog 5
+
+ +
+
+

Sed diam massa, semper a condimentum

+

Morbi porttitor mi in diam scelerisque commodo. Proin sed laoreet libero. Fusce faucibus porttitor lacus, at blandit mauris blandit eget. Donec facilisis lorem et risus commodo, quis auctor nulla varius. Pellentesque facilisis feugiat turpis, id molestie augue semper quis. Nunc ornare eget est sit amet elementum.

+
+ +
+

Leroy Jenkins

+ +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/6_blog.html b/public/componets/blog/6_blog.html new file mode 100644 index 0000000..8b934c4 --- /dev/null +++ b/public/componets/blog/6_blog.html @@ -0,0 +1,82 @@ + + + + + + + + + + Blog 6 + + + + + + + + +
+
Blog 6
+
+
+
+
+
+
+ Label +
+

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, reprehenderit adipisci tempore voluptas laborum quod.

+ + Read more + + + + +
+
+ + + + by Leroy Jenkins +
+ 3 min read +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/7_blog.html b/public/componets/blog/7_blog.html new file mode 100644 index 0000000..ee62019 --- /dev/null +++ b/public/componets/blog/7_blog.html @@ -0,0 +1,104 @@ + + + + + + + + + + Blog 7 + + + + + + + + +
+
Blog 7
+
+
+
+
+
+ 12 June +

Lorem, ipsum dolor sit amet consectetur adipisicing.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + + +
+
+
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/8_blog.html b/public/componets/blog/8_blog.html new file mode 100644 index 0000000..a39cea6 --- /dev/null +++ b/public/componets/blog/8_blog.html @@ -0,0 +1,48 @@ + + + + + + + + + + Blog + + + + + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/blog/blog.html b/public/componets/blog/blog.html new file mode 100644 index 0000000..7797b87 --- /dev/null +++ b/public/componets/blog/blog.html @@ -0,0 +1,372 @@ + + + + + + + + + + Blog + + + + + + + +
+
Blog 1
+
+ +
+
+
+

Partem reprimique an pro

+

Qualisque erroribus usu at, duo te agam soluta mucius.

+
+
+
+ + + +
+ + Convenire +

Te nulla oportere reprimique his dolorum

+
+ June 1, 2020 + 2.1K views +
+
+
+
+ + + +
+ + Convenire +

Te nulla oportere reprimique his dolorum

+
+ June 2, 2020 + 2.2K views +
+
+
+
+ + + +
+ + Convenire +

Te nulla oportere reprimique his dolorum

+
+ June 3, 2020 + 2.3K views +
+
+
+
+ + + +
+ + Convenire +

Te nulla oportere reprimique his dolorum

+
+ June 4, 2020 + 2.4K views +
+
+
+
+
+
+ + + + +
+
Blog 2
+
+
+
+ + +
+

Noster tincidunt reprimique ad pro

+ February 19, 2021 +

Ei delenit sensibus liberavisse pri. Quod suscipit no nam. Est in graece fuisset, eos affert putent doctus id.

+
+ +
+ + +
+

In usu laoreet repudiare legendos

+ January 21, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + +
+

In usu laoreet repudiare legendos

+ January 22, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + +
+

In usu laoreet repudiare legendos

+ January 23, 2021 +

Mei ex aliquid eleifend forensibus, quo ad dicta apeirian neglegentur, ex has tantas percipit perfecto. At per tempor albucius perfecto, ei probatus consulatu patrioque mea, ei vocent delicata indoctum pri.

+
+ + + + +
+
+ +
+
+
+ + + + + + +
+
Blog 3
+
+
+ +
+
+

Lorem ipsum dolor sit amet

+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quibusdam possimus repellat incidunt odit eligendi mollitia quaerat autem nobis fugiat natus?

+
+
+ +
+ April 03, 2021 +
+ javascript + serverless + aws +
+
+
+
+ +
+ + + + + +
+
Blog 4
+
+
+
+
+ Jun 1, 2020 + Javascript +
+
+ Nos creasse pendere crescit angelos etc +

Tamquam ita veritas res equidem. Ea in ad expertus paulatim poterunt. Imo volo aspi novi tur. Ferre hic neque vulgo hae athei spero. Tantumdem naturales excaecant notaverim etc cau perfacile occurrere. Loco visa to du huic at in dixi aër.

+
+
+ Read more +
+ + avatar + Leroy Jenkins + +
+
+
+
+ + + + +
+
Blog 5
+
+ +
+
+

Sed diam massa, semper a condimentum

+

Morbi porttitor mi in diam scelerisque commodo. Proin sed laoreet libero. Fusce faucibus porttitor lacus, at blandit mauris blandit eget. Donec facilisis lorem et risus commodo, quis auctor nulla varius. Pellentesque facilisis feugiat turpis, id molestie augue semper quis. Nunc ornare eget est sit amet elementum.

+
+ +
+

Leroy Jenkins

+ +
+
+
+
+ + + + +
+
Blog 6
+
+
+
+
+
+
+ Label +
+

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste, reprehenderit adipisci tempore voluptas laborum quod.

+ + Read more + + + + +
+
+ + + + by Leroy Jenkins +
+ 3 min read +
+
+
+
+ + + + +
+
Blog 7
+
+
+
+
+
+ 12 June +

Lorem, ipsum dolor sit amet consectetur adipisicing.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + + +
+
+
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+ 12 June +

Lorem ipsum dolor sit.

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, a!

+ + Read more + + + + +
+
+
+
+ + + + + +
+
Blog 8
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/1_contact.html b/public/componets/contact/1_contact.html new file mode 100644 index 0000000..7da4284 --- /dev/null +++ b/public/componets/contact/1_contact.html @@ -0,0 +1,99 @@ + + + + + + + + + + Contact 1 + + + + + + + +
+
Contact 1
+
+
+
+
+

Get in touch

+

Fill in the form to start a conversation

+
+

+ + + + Fake address, 9999 City +

+

+ + + + 123456789 +

+

+ + + + + contact@business.com +

+
+
+
+ + + + +
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/2_contact.html b/public/componets/contact/2_contact.html new file mode 100644 index 0000000..3cbd106 --- /dev/null +++ b/public/componets/contact/2_contact.html @@ -0,0 +1,79 @@ + + + + + + + + + + Contact 2 + + + + + + + + +
+
Contact 2
+
+
+
+
+

Let's talk!

+
Vivamus in nisl metus? Phasellus.
+
+ +
+
+
+ + +
+
+ + +
+
+ + +
+ +
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/3_contact.html b/public/componets/contact/3_contact.html new file mode 100644 index 0000000..2382488 --- /dev/null +++ b/public/componets/contact/3_contact.html @@ -0,0 +1,74 @@ + + + + + + + + + + Contact 3 + + + + + + +
+
Contact 3
+
+
+
+

Contact us

+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/4_contact.html b/public/componets/contact/4_contact.html new file mode 100644 index 0000000..9cf329f --- /dev/null +++ b/public/componets/contact/4_contact.html @@ -0,0 +1,76 @@ + + + + + + + + + + Contact 4 + + + + + + + +
+
Contact 4
+
+
+
+ +
+
+
+

Feedback

+

Post-ironic portland shabby chic echo park, banjo fashion axe

+
+ + +
+
+ + +
+ +

Chicharrones blog helvetica normcore iceland tousled brook viral artisan.

+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/5_contact.html b/public/componets/contact/5_contact.html new file mode 100644 index 0000000..255af1e --- /dev/null +++ b/public/componets/contact/5_contact.html @@ -0,0 +1,91 @@ + + + + + + + + + + Contact 5 + + + + + + + + +
+
Contact 5
+
+
+
+
+ +
+
+

ADDRESS

+

Photo booth tattooed prism, portland taiyaki hoodie neutra typewriter

+
+
+

EMAIL

+ example@email.com +

PHONE

+

123-456-7890

+
+
+
+
+
+

Feedback

+

Post-ironic portland shabby chic echo park, banjo fashion axe

+
+ + +
+
+ + +
+ +

Chicharrones blog helvetica normcore iceland tousled brook viral artisan.

+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/6_contact.html b/public/componets/contact/6_contact.html new file mode 100644 index 0000000..38ce923 --- /dev/null +++ b/public/componets/contact/6_contact.html @@ -0,0 +1,118 @@ + + + + + + + + + + Contact 6 + + + + + + + + +
+
Contact 6
+
+
+
+
+

Contact Us

+

Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify.

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+ example@email.com +

49 Smith St. +
Saint Cloud, MN 56301 +

+ + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/7_contact.html b/public/componets/contact/7_contact.html new file mode 100644 index 0000000..7c61de6 --- /dev/null +++ b/public/componets/contact/7_contact.html @@ -0,0 +1,85 @@ + + + + + + + + + + Contact 7 + + + + + + + + +
+
Contact 7
+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/8_contact.html b/public/componets/contact/8_contact.html new file mode 100644 index 0000000..94ecedc --- /dev/null +++ b/public/componets/contact/8_contact.html @@ -0,0 +1,1100 @@ + + + + + + + + + + Contact 8 + + + + + + + +
+
Contact 8
+
+ +
+
+
+
+
+ + Contact Us + +

+ GET IN TOUCH WITH US +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eius tempor incididunt ut labore et dolore magna aliqua. Ut enim + adiqua minim veniam quis nostrud exercitation ullamco +

+
+
+ + + +
+
+

Our Location

+

+ 99 S.t Jomblo Park Pekanbaru 28292. Indonesia +

+
+
+
+
+ + + + + +
+
+

Phone Number

+

(+62)81 414 257 9980

+
+
+
+
+ + + +
+
+

+ Email Address +

+

info@yourdomain.com

+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+ + + + + + + + + + + \ No newline at end of file diff --git a/public/componets/contact/9_contact.html b/public/componets/contact/9_contact.html new file mode 100644 index 0000000..6229d89 --- /dev/null +++ b/public/componets/contact/9_contact.html @@ -0,0 +1,111 @@ + + + + + + + + + + Contact 9 + + + + + + + +
+
Contact 9
+
+
+
+ +
+ + + + +
+ + + +
+ +

Contact Us

+ +

Atque sint nemo vero sequi veniam, numquam fugiat aperiam doloremque, itaque officia exercitationem! Excepturi deleniti accusantium minus quibusdam dolores doloremque natus fugit!

+ +
+
+ 18 avenue des Champs-Élysées, 75008 Paris +
+
+ 357-233-9644 +
+
+ my-email@fancymail.com +
+
+ +
+ + + +
+ +
+
+
+

Feedback

+

Post-ironic portland shabby chic echo park, banjo fashion axe

+
+ + +
+
+ + +
+ +

Chicharrones blog helvetica normcore iceland tousled brook viral artisan.

+
+
+ + + + + +
+
Contact 5
+
+
+
+
+ +
+
+

ADDRESS

+

Photo booth tattooed prism, portland taiyaki hoodie neutra typewriter

+
+
+

EMAIL

+ example@email.com +

PHONE

+

123-456-7890

+
+
+
+
+
+

Feedback

+

Post-ironic portland shabby chic echo park, banjo fashion axe

+
+ + +
+
+ + +
+ +

Chicharrones blog helvetica normcore iceland tousled brook viral artisan.

+
+
+
+
+ + + + +
+
Contact 6
+
+
+
+
+

Contact Us

+

Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify.

+
+
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+ example@email.com +

49 Smith St. +
Saint Cloud, MN 56301 +

+ + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+ + + + +
+
Contact 7
+
+ +
+
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+
+ + + + +
+
Contact 8
+
+ +
+
+
+
+
+ + Contact Us + +

+ GET IN TOUCH WITH US +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do + eius tempor incididunt ut labore et dolore magna aliqua. Ut enim + adiqua minim veniam quis nostrud exercitation ullamco +

+
+
+ + + +
+
+

Our Location

+

+ 99 S.t Jomblo Park Pekanbaru 28292. Indonesia +

+
+
+
+
+ + + + + +
+
+

Phone Number

+

(+62)81 414 257 9980

+
+
+
+
+ + + +
+
+

+ Email Address +

+

info@yourdomain.com

+
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+
+ + + + + +
+
Contact 9
+
+
+
+ +
+ + + + +
+ + + +
+ +

Contact Us

+ +

Atque sint nemo vero sequi veniam, numquam fugiat aperiam doloremque, itaque officia exercitationem! Excepturi deleniti accusantium minus quibusdam dolores doloremque natus fugit!

+ +
+
+ 18 avenue des Champs-Élysées, 75008 Paris +
+
+ 357-233-9644 +
+
+ my-email@fancymail.com +
+
+ +
+ + + +
+