mirror of
https://github.com/sonr-io/sonr.git
synced 2026-08-02 17:31:39 +00:00
feat: add new utility classes
This commit is contained in:
Prad Nukala
@@ -751,6 +751,10 @@ select{
|
||||
outline: 1px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
.fixed{
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.absolute{
|
||||
position: absolute;
|
||||
}
|
||||
@@ -759,6 +763,10 @@ select{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inset-0{
|
||||
inset: 0px;
|
||||
}
|
||||
|
||||
.bottom-0{
|
||||
bottom: 0px;
|
||||
}
|
||||
@@ -803,10 +811,18 @@ select{
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
.z-40{
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.z-50{
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
.z-\[99\]{
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.order-first{
|
||||
order: -9999;
|
||||
}
|
||||
@@ -886,6 +902,10 @@ select{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.mr-5{
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
|
||||
.mr-7{
|
||||
margin-right: 1.75rem;
|
||||
}
|
||||
@@ -906,6 +926,10 @@ select{
|
||||
margin-top: 6rem;
|
||||
}
|
||||
|
||||
.mt-3{
|
||||
margin-top: 0.75rem;
|
||||
}
|
||||
|
||||
.mt-4{
|
||||
margin-top: 1rem;
|
||||
}
|
||||
@@ -954,6 +978,10 @@ select{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.h-0\.5{
|
||||
height: 0.125rem;
|
||||
}
|
||||
|
||||
.h-10{
|
||||
height: 2.5rem;
|
||||
}
|
||||
@@ -974,6 +1002,10 @@ select{
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
.h-4{
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.h-5{
|
||||
height: 1.25rem;
|
||||
}
|
||||
@@ -1002,14 +1034,26 @@ select{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.h-screen{
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.min-h-screen{
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.w-0{
|
||||
width: 0px;
|
||||
}
|
||||
|
||||
.w-1\/2{
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.w-1\/3{
|
||||
width: 33.333333%;
|
||||
}
|
||||
|
||||
.w-14{
|
||||
width: 3.5rem;
|
||||
}
|
||||
@@ -1071,6 +1115,10 @@ select{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.w-screen{
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.min-w-full{
|
||||
min-width: 100%;
|
||||
}
|
||||
@@ -1123,6 +1171,10 @@ select{
|
||||
max-width: 20rem;
|
||||
}
|
||||
|
||||
.flex-shrink-0{
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.shrink-0{
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@@ -1161,6 +1213,11 @@ select{
|
||||
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-px{
|
||||
--tw-translate-x: -1px;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.-translate-y-0\.5{
|
||||
--tw-translate-y: -0.125rem;
|
||||
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));
|
||||
@@ -1171,6 +1228,11 @@ select{
|
||||
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-px{
|
||||
--tw-translate-y: -1px;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
}
|
||||
|
||||
.translate-x-0{
|
||||
--tw-translate-x: 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));
|
||||
@@ -1206,6 +1268,11 @@ select{
|
||||
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-full{
|
||||
--tw-translate-y: 100%;
|
||||
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-px{
|
||||
--tw-translate-y: 1px;
|
||||
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
@@ -1216,6 +1283,18 @@ select{
|
||||
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-100{
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
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-90{
|
||||
--tw-scale-x: .9;
|
||||
--tw-scale-y: .9;
|
||||
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));
|
||||
}
|
||||
@@ -1278,6 +1357,10 @@ select{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-col-reverse{
|
||||
flex-direction: column-reverse;
|
||||
}
|
||||
|
||||
.flex-wrap{
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
@@ -1455,6 +1538,10 @@ select{
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.border-\[2px\]{
|
||||
border-width: 2px;
|
||||
}
|
||||
|
||||
.border-t{
|
||||
border-top-width: 1px;
|
||||
}
|
||||
@@ -1478,6 +1565,11 @@ select{
|
||||
border-color: rgb(22 163 74 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-neutral-200{
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgb(229 229 229 / var(--tw-border-opacity));
|
||||
}
|
||||
|
||||
.border-neutral-200\/60{
|
||||
border-color: rgb(229 229 229 / 0.6);
|
||||
}
|
||||
@@ -1535,6 +1627,11 @@ select{
|
||||
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-gray-900{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(17 24 39 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-green-50{
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(240 253 244 / var(--tw-bg-opacity));
|
||||
@@ -1619,10 +1716,28 @@ select{
|
||||
background-color: rgb(24 24 27 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.bg-opacity-50{
|
||||
--tw-bg-opacity: 0.5;
|
||||
}
|
||||
|
||||
.bg-opacity-90{
|
||||
--tw-bg-opacity: 0.9;
|
||||
}
|
||||
|
||||
.bg-gradient-to-r{
|
||||
background-image: linear-gradient(to right, var(--tw-gradient-stops));
|
||||
}
|
||||
|
||||
.bg-gradient-to-t{
|
||||
background-image: linear-gradient(to top, var(--tw-gradient-stops));
|
||||
}
|
||||
|
||||
.from-black{
|
||||
--tw-gradient-from: #000 var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
|
||||
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
||||
}
|
||||
|
||||
.from-zinc-100{
|
||||
--tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position);
|
||||
--tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position);
|
||||
@@ -1648,6 +1763,10 @@ select{
|
||||
--tw-gradient-to: #18181b var(--tw-gradient-to-position);
|
||||
}
|
||||
|
||||
.bg-cover{
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.bg-clip-text{
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
@@ -1695,6 +1814,16 @@ select{
|
||||
padding: 1.75rem;
|
||||
}
|
||||
|
||||
.px-0\.5{
|
||||
padding-left: 0.125rem;
|
||||
padding-right: 0.125rem;
|
||||
}
|
||||
|
||||
.px-2{
|
||||
padding-left: 0.5rem;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
.px-2\.5{
|
||||
padding-left: 0.625rem;
|
||||
padding-right: 0.625rem;
|
||||
@@ -1730,6 +1859,11 @@ select{
|
||||
padding-right: 1.75rem;
|
||||
}
|
||||
|
||||
.px-8{
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
}
|
||||
|
||||
.py-0\.5{
|
||||
padding-top: 0.125rem;
|
||||
padding-bottom: 0.125rem;
|
||||
@@ -1765,11 +1899,21 @@ select{
|
||||
padding-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.py-6{
|
||||
padding-top: 1.5rem;
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.py-8{
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.py-px{
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
.pb-1{
|
||||
padding-bottom: 0.25rem;
|
||||
}
|
||||
@@ -1794,6 +1938,10 @@ select{
|
||||
padding-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.pb-8{
|
||||
padding-bottom: 2rem;
|
||||
}
|
||||
|
||||
.pl-4{
|
||||
padding-left: 1rem;
|
||||
}
|
||||
@@ -1854,6 +2002,10 @@ select{
|
||||
font-family: Inter Tight, sans-serif;
|
||||
}
|
||||
|
||||
.font-sans{
|
||||
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
}
|
||||
|
||||
.text-2xl{
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.415;
|
||||
@@ -1872,6 +2024,10 @@ select{
|
||||
letter-spacing: -0.017em;
|
||||
}
|
||||
|
||||
.text-\[0\.6rem\]{
|
||||
font-size: 0.6rem;
|
||||
}
|
||||
|
||||
.text-base{
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
@@ -1904,6 +2060,10 @@ select{
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.font-extrabold{
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.font-medium{
|
||||
font-weight: 500;
|
||||
}
|
||||
@@ -2004,6 +2164,11 @@ select{
|
||||
color: rgb(115 115 115 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-neutral-600{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(82 82 82 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.text-neutral-800{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(38 38 38 / var(--tw-text-opacity));
|
||||
@@ -2078,6 +2243,18 @@ select{
|
||||
color: rgb(24 24 27 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.underline{
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
|
||||
.no-underline{
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.underline-offset-4{
|
||||
text-underline-offset: 4px;
|
||||
}
|
||||
|
||||
.antialiased{
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
@@ -2103,6 +2280,10 @@ select{
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.opacity-90{
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.mix-blend-exclusion{
|
||||
mix-blend-mode: exclusion;
|
||||
}
|
||||
@@ -2136,6 +2317,17 @@ select{
|
||||
--tw-shadow: var(--tw-shadow-colored);
|
||||
}
|
||||
|
||||
.drop-shadow-md{
|
||||
--tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
|
||||
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);
|
||||
}
|
||||
|
||||
.backdrop-blur-sm{
|
||||
--tw-backdrop-blur: blur(4px);
|
||||
-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{
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
@@ -2168,10 +2360,18 @@ select{
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
.duration-500{
|
||||
transition-duration: 500ms;
|
||||
}
|
||||
|
||||
.duration-700{
|
||||
transition-duration: 700ms;
|
||||
}
|
||||
|
||||
.ease-in{
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
|
||||
}
|
||||
|
||||
.ease-in-out{
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
@@ -2485,6 +2685,16 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
color: rgb(163 163 163 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.placeholder\:text-neutral-500::-moz-placeholder{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(115 115 115 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.placeholder\:text-neutral-500::placeholder{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(115 115 115 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.before\:pointer-events-none::before{
|
||||
content: var(--tw-content);
|
||||
pointer-events: none;
|
||||
@@ -2768,6 +2978,11 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
color: rgb(29 78 216 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:text-gray-800:hover{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(31 41 55 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:text-green-600:hover{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(22 163 74 / var(--tw-text-opacity));
|
||||
@@ -2831,6 +3046,10 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
||||
}
|
||||
|
||||
.focus\:no-underline:focus{
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.focus\:outline-none:focus{
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px;
|
||||
@@ -2942,6 +3161,25 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:w-full{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:-rotate-6{
|
||||
--tw-rotate: -6deg;
|
||||
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));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\: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));
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:opacity-100{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.group:hover .group-hover\:\[animation-play-state\:paused\]{
|
||||
animation-play-state: paused;
|
||||
}
|
||||
@@ -3004,6 +3242,10 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.sm\:max-w-lg{
|
||||
max-width: 32rem;
|
||||
}
|
||||
|
||||
.sm\:max-w-none{
|
||||
max-width: none;
|
||||
}
|
||||
@@ -3016,14 +3258,28 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.sm\:flex-row{
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.sm\:justify-center{
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.sm\:justify-between{
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.sm\:gap-4{
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-x-reverse: 0;
|
||||
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
|
||||
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
|
||||
}
|
||||
|
||||
.sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
|
||||
--tw-space-x-reverse: 0;
|
||||
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
||||
@@ -3036,6 +3292,10 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.sm\:rounded-lg{
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.sm\:object-contain{
|
||||
-o-object-fit: contain;
|
||||
object-fit: contain;
|
||||
@@ -3161,14 +3421,26 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
grid-column: span 6 / span 6;
|
||||
}
|
||||
|
||||
.lg\:mb-0{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.lg\:mt-32{
|
||||
margin-top: 8rem;
|
||||
}
|
||||
|
||||
.lg\:block{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lg\:flex{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.lg\:h-5{
|
||||
height: 1.25rem;
|
||||
}
|
||||
|
||||
.lg\:min-w-\[524px\]{
|
||||
min-width: 524px;
|
||||
}
|
||||
@@ -3205,6 +3477,14 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
margin-bottom: calc(0px * var(--tw-space-y-reverse));
|
||||
}
|
||||
|
||||
.lg\:border-white\/20{
|
||||
border-color: rgb(255 255 255 / 0.2);
|
||||
}
|
||||
|
||||
.lg\:bg-black\/10{
|
||||
background-color: rgb(0 0 0 / 0.1);
|
||||
}
|
||||
|
||||
.lg\:p-24{
|
||||
padding: 6rem;
|
||||
}
|
||||
@@ -3231,6 +3511,15 @@ input[type="search"]::-webkit-search-results-decoration {
|
||||
line-height: 1.5;
|
||||
letter-spacing: -0.017em;
|
||||
}
|
||||
|
||||
.lg\:text-white{
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
.hover\:lg\:bg-black\/30:hover{
|
||||
background-color: rgb(0 0 0 / 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1280px){
|
||||
|
||||
Reference in New Issue
Block a user