chore: regenerate Panda CSS styles
Update generated CSS files to include styles for new interactive components and updated UI elements. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
parent
9279e59cba
commit
10b907b00a
|
|
@ -855,6 +855,18 @@
|
|||
}
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.\[\@media_\(max-width\:_768px\)\]\:gap_10px {
|
||||
gap: 10px
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
|
||||
.\[\@media_\(max-width\:_480px\)\]\:gap_8px {
|
||||
gap: 8px
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.\[\@media_\(max-width\:_768px\)\]\:h_130px {
|
||||
height: 130px
|
||||
}
|
||||
|
|
@ -887,6 +899,18 @@
|
|||
min-width: 90px
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
|
||||
.\[\@media_\(max-width\:_768px\)\]\:fs_40px {
|
||||
font-size: 40px
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
|
||||
.\[\@media_\(max-width\:_480px\)\]\:fs_32px {
|
||||
font-size: 32px
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
.md\:px_4 {
|
||||
|
|
@ -909,9 +933,6 @@
|
|||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.\[\@media_\(max-width\:_768px\)\]\:gap_10px {
|
||||
gap: 10px
|
||||
}
|
||||
.\[\@media_\(max-width\:_768px\)\]\:h_130px {
|
||||
height: 130px
|
||||
}
|
||||
|
|
@ -919,15 +940,25 @@
|
|||
.\[\@media_\(max-width\:_768px\)\]\:min-w_100px {
|
||||
min-width: 100px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_768px\)\]\:gap_10px {
|
||||
gap: 10px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_768px\)\]\:h_130px {
|
||||
height: 130px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_768px\)\]\:min-w_100px {
|
||||
min-width: 100px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_768px\)\]\:fs_40px {
|
||||
font-size: 40px
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.\[\@media_\(max-width\:_480px\)\]\:gap_8px {
|
||||
gap: 8px
|
||||
}
|
||||
.\[\@media_\(max-width\:_480px\)\]\:h_120px {
|
||||
height: 120px
|
||||
}
|
||||
|
|
@ -935,6 +966,19 @@
|
|||
.\[\@media_\(max-width\:_480px\)\]\:min-w_90px {
|
||||
min-width: 90px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_480px\)\]\:gap_8px {
|
||||
gap: 8px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_480px\)\]\:h_120px {
|
||||
height: 120px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_480px\)\]\:min-w_90px {
|
||||
min-width: 90px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_480px\)\]\:fs_32px {
|
||||
font-size: 32px
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,18 @@
|
|||
min-height: 100vh
|
||||
}
|
||||
|
||||
.transform_scale\(2\.5\) {
|
||||
transform: scale(2.5)
|
||||
}
|
||||
|
||||
.w_80pt {
|
||||
width: 80pt
|
||||
}
|
||||
|
||||
.h_120pt {
|
||||
height: 120pt
|
||||
}
|
||||
|
||||
.bg_linear-gradient\(135deg\,_\#667eea_0\%\,_\#764ba2_100\%\) {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)
|
||||
}
|
||||
|
|
@ -112,10 +124,6 @@
|
|||
max-width: 120px
|
||||
}
|
||||
|
||||
.border_gray\.300 {
|
||||
border-color: var(--colors-gray-300)
|
||||
}
|
||||
|
||||
.transform_scale\(2\.2\) {
|
||||
transform: scale(2.2)
|
||||
}
|
||||
|
|
@ -136,10 +144,6 @@
|
|||
margin-top: auto
|
||||
}
|
||||
|
||||
.mb_1 {
|
||||
margin-bottom: var(--spacing-1)
|
||||
}
|
||||
|
||||
.bg_blue\.50 {
|
||||
background: var(--colors-blue-50)
|
||||
}
|
||||
|
|
@ -152,10 +156,6 @@
|
|||
border-color: var(--colors-blue-300)
|
||||
}
|
||||
|
||||
.w_100\% {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.aspect_3\/4 {
|
||||
aspect-ratio: 3/4
|
||||
}
|
||||
|
|
@ -172,26 +172,13 @@
|
|||
border-color: var(--colors-blue-200)
|
||||
}
|
||||
|
||||
.rounded_md {
|
||||
border-radius: var(--radii-md)
|
||||
}
|
||||
|
||||
.overflow_hidden {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.transform_scale\(1\.8\) {
|
||||
transform: scale(1.8)
|
||||
}
|
||||
.\[\&_svg\]\:w_100\% svg {
|
||||
width: 100%
|
||||
}
|
||||
.\[\&_svg\]\:h_100\% svg {
|
||||
height: 100%
|
||||
}
|
||||
.\[\&_svg\]\:d_block svg {
|
||||
display: block
|
||||
}
|
||||
|
||||
.origin_center {
|
||||
transform-origin: center
|
||||
}
|
||||
|
||||
.fs_xs {
|
||||
font-size: var(--font-sizes-xs)
|
||||
|
|
@ -221,14 +208,14 @@
|
|||
border-radius: var(--radii-full)
|
||||
}
|
||||
|
||||
.justify_center {
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.text_gray\.900 {
|
||||
color: var(--colors-gray-900)
|
||||
}
|
||||
|
||||
.leading_relaxed {
|
||||
line-height: var(--line-heights-relaxed)
|
||||
}
|
||||
|
||||
.bg_orange\.50 {
|
||||
background: var(--colors-orange-50)
|
||||
}
|
||||
|
|
@ -245,8 +232,24 @@
|
|||
color: var(--colors-orange-700)
|
||||
}
|
||||
|
||||
.leading_relaxed {
|
||||
line-height: var(--line-heights-relaxed)
|
||||
.mb_1 {
|
||||
margin-bottom: var(--spacing-1)
|
||||
}
|
||||
|
||||
.border_2px_solid {
|
||||
border: 2px solid
|
||||
}
|
||||
|
||||
.border_brand\.200 {
|
||||
border-color: var(--colors-brand-200)
|
||||
}
|
||||
|
||||
.shadow_0_8px_24px_rgba\(0\,_0\,_0\,_0\.08\) {
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08)
|
||||
}
|
||||
|
||||
.w_100\% {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.bg_blue\.600 {
|
||||
|
|
@ -317,14 +320,39 @@
|
|||
color: var(--colors-red-700)
|
||||
}
|
||||
|
||||
.transform_scale\(2\.5\) {
|
||||
transform: scale(2.5)
|
||||
.w_160px {
|
||||
width: 160px
|
||||
}
|
||||
|
||||
.origin_center {
|
||||
transform-origin: center
|
||||
.h_240px {
|
||||
height: 240px
|
||||
}
|
||||
|
||||
.border_gray\.300 {
|
||||
border-color: var(--colors-gray-300)
|
||||
}
|
||||
|
||||
.rounded_md {
|
||||
border-radius: var(--radii-md)
|
||||
}
|
||||
|
||||
.justify_center {
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.overflow_hidden {
|
||||
overflow: hidden
|
||||
}
|
||||
.\[\&_svg\]\:w_100\% svg {
|
||||
width: 100%
|
||||
}
|
||||
.\[\&_svg\]\:h_100\% svg {
|
||||
height: 100%
|
||||
}
|
||||
.\[\&_svg\]\:d_block svg {
|
||||
display: block
|
||||
}
|
||||
|
||||
.shadow_sm {
|
||||
box-shadow: var(--shadows-sm)
|
||||
}
|
||||
|
|
@ -487,14 +515,6 @@
|
|||
transition-duration: var(--transition-duration, 150ms)
|
||||
}
|
||||
|
||||
.w_120pt {
|
||||
width: 120pt
|
||||
}
|
||||
|
||||
.h_200pt {
|
||||
height: 200pt
|
||||
}
|
||||
|
||||
.w_180pt {
|
||||
width: 180pt
|
||||
}
|
||||
|
|
@ -503,12 +523,16 @@
|
|||
height: 240pt
|
||||
}
|
||||
|
||||
.w_80pt {
|
||||
width: 80pt
|
||||
.w_120pt {
|
||||
width: 120pt
|
||||
}
|
||||
|
||||
.h_120pt {
|
||||
height: 120pt
|
||||
.h_200pt {
|
||||
height: 200pt
|
||||
}
|
||||
|
||||
.columns_3 {
|
||||
columns: 3
|
||||
}
|
||||
|
||||
.max-w_4xl {
|
||||
|
|
|
|||
|
|
@ -117,6 +117,10 @@
|
|||
.justify_center {
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.overflow_hidden {
|
||||
overflow: hidden
|
||||
}
|
||||
.\[\&_svg\]\:w_100\% svg {
|
||||
width: 100%
|
||||
}
|
||||
|
|
@ -129,6 +133,9 @@
|
|||
.\[\&_svg\]\:max-h_100\% svg {
|
||||
max-height: 100%
|
||||
}
|
||||
.\[\&_svg\]\:object_contain svg {
|
||||
object-fit: contain
|
||||
}
|
||||
|
||||
.hover\:bg_green\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-green-50)
|
||||
|
|
|
|||
|
|
@ -25,10 +25,6 @@
|
|||
padding: 12px 16px
|
||||
}
|
||||
|
||||
.gap_4px {
|
||||
gap: 4px
|
||||
}
|
||||
|
||||
.fs_11px {
|
||||
font-size: 11px
|
||||
}
|
||||
|
|
@ -41,10 +37,6 @@
|
|||
padding: 10px 20px
|
||||
}
|
||||
|
||||
.max-w_300px {
|
||||
max-width: 300px
|
||||
}
|
||||
|
||||
.min-w_50px {
|
||||
min-width: 50px
|
||||
}
|
||||
|
|
@ -85,14 +77,6 @@
|
|||
transition: width 0.5s ease
|
||||
}
|
||||
|
||||
.justify_flex-end {
|
||||
justify-content: flex-end
|
||||
}
|
||||
|
||||
.rounded_6px {
|
||||
border-radius: 6px
|
||||
}
|
||||
|
||||
.p_8px_16px {
|
||||
padding: 8px 16px
|
||||
}
|
||||
|
|
@ -137,10 +121,6 @@
|
|||
transition: transform 0.3s ease
|
||||
}
|
||||
|
||||
.\[\&_svg\]\:object_contain svg {
|
||||
object-fit: contain
|
||||
}
|
||||
|
||||
.p_16px {
|
||||
padding: 16px
|
||||
}
|
||||
|
|
@ -214,10 +194,6 @@
|
|||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
|
||||
.border_3px_solid {
|
||||
border: 3px solid
|
||||
}
|
||||
|
||||
.transform_rotateY\(180deg\) {
|
||||
transform: rotateY(180deg)
|
||||
}
|
||||
|
|
@ -342,10 +318,6 @@
|
|||
box-shadow: 0 8px 25px rgba(40, 167, 69, 0.2)
|
||||
}
|
||||
|
||||
.min-h_60px {
|
||||
min-height: 60px
|
||||
}
|
||||
|
||||
.p_16px_20px {
|
||||
padding: 16px 20px
|
||||
}
|
||||
|
|
@ -366,10 +338,6 @@
|
|||
letter-spacing: 2px
|
||||
}
|
||||
|
||||
.transition_all_0\.3s_ease {
|
||||
transition: all 0.3s ease
|
||||
}
|
||||
|
||||
.rounded_16px {
|
||||
border-radius: 16px
|
||||
}
|
||||
|
|
@ -439,26 +407,10 @@
|
|||
width: 100vw
|
||||
}
|
||||
|
||||
.pointer-events_none {
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.z_1000 {
|
||||
z-index: 1000
|
||||
}
|
||||
|
||||
.top_50\% {
|
||||
top: 50%
|
||||
}
|
||||
|
||||
.left_50\% {
|
||||
left: 50%
|
||||
}
|
||||
|
||||
.transform_translate\(-50\%\,_-50\%\) {
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
|
||||
.fs_72px {
|
||||
font-size: 72px
|
||||
}
|
||||
|
|
@ -495,10 +447,6 @@
|
|||
margin: 0 auto
|
||||
}
|
||||
|
||||
.justify_flex-start {
|
||||
justify-content: flex-start
|
||||
}
|
||||
|
||||
.text_gray\.800 {
|
||||
color: var(--colors-gray-800)
|
||||
}
|
||||
|
|
@ -511,14 +459,6 @@
|
|||
margin-bottom: 30px
|
||||
}
|
||||
|
||||
.p_20px {
|
||||
padding: 20px
|
||||
}
|
||||
|
||||
.rounded_12px {
|
||||
border-radius: 12px
|
||||
}
|
||||
|
||||
.w_120px {
|
||||
width: 120px
|
||||
}
|
||||
|
|
@ -571,18 +511,10 @@
|
|||
padding: 12px 24px
|
||||
}
|
||||
|
||||
.rounded_8px {
|
||||
border-radius: 8px
|
||||
}
|
||||
|
||||
.fs_16px {
|
||||
font-size: 16px
|
||||
}
|
||||
|
||||
.transition_all_0\.2s_ease {
|
||||
transition: all 0.2s ease
|
||||
}
|
||||
|
||||
.bg_gray\.500 {
|
||||
background: var(--colors-gray-500)
|
||||
}
|
||||
|
|
@ -599,10 +531,6 @@
|
|||
height: 100vh
|
||||
}
|
||||
|
||||
.h_100\% {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.shrink_0 {
|
||||
flex-shrink: 0
|
||||
}
|
||||
|
|
@ -651,10 +579,6 @@
|
|||
--gradient-to: var(--colors-green-600)
|
||||
}
|
||||
|
||||
.bg_blue\.100 {
|
||||
background: var(--colors-blue-100)
|
||||
}
|
||||
|
||||
.from_purple\.400 {
|
||||
--gradient-from: var(--colors-purple-400)
|
||||
}
|
||||
|
|
@ -695,10 +619,6 @@
|
|||
--gradient-from: var(--colors-indigo-400)
|
||||
}
|
||||
|
||||
.text_orange\.600 {
|
||||
color: var(--colors-orange-600)
|
||||
}
|
||||
|
||||
.ml_2 {
|
||||
margin-left: var(--spacing-2)
|
||||
}
|
||||
|
|
@ -711,6 +631,14 @@
|
|||
background: var(--colors-indigo-100)
|
||||
}
|
||||
|
||||
.transform_scale\(2\.5\) {
|
||||
transform: scale(2.5)
|
||||
}
|
||||
|
||||
.w_80pt {
|
||||
width: 80pt
|
||||
}
|
||||
|
||||
.bg_linear-gradient\(135deg\,_\#667eea_0\%\,_\#764ba2_100\%\) {
|
||||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)
|
||||
}
|
||||
|
|
@ -775,14 +703,6 @@
|
|||
margin-top: auto
|
||||
}
|
||||
|
||||
.mb_1 {
|
||||
margin-bottom: var(--spacing-1)
|
||||
}
|
||||
|
||||
.w_100\% {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.max-w_180px {
|
||||
max-width: 180px
|
||||
}
|
||||
|
|
@ -803,12 +723,16 @@
|
|||
color: var(--colors-orange-700)
|
||||
}
|
||||
|
||||
.bg_blue\.600 {
|
||||
background: var(--colors-blue-600)
|
||||
.mb_1 {
|
||||
margin-bottom: var(--spacing-1)
|
||||
}
|
||||
|
||||
.bg_gradient-to-br {
|
||||
background: gradient-to-br
|
||||
.shadow_0_8px_24px_rgba\(0\,_0\,_0\,_0\.08\) {
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08)
|
||||
}
|
||||
|
||||
.bg_blue\.600 {
|
||||
background: var(--colors-blue-600)
|
||||
}
|
||||
|
||||
.to_indigo\.700 {
|
||||
|
|
@ -827,8 +751,12 @@
|
|||
color: var(--colors-red-800)
|
||||
}
|
||||
|
||||
.transform_scale\(2\.5\) {
|
||||
transform: scale(2.5)
|
||||
.w_160px {
|
||||
width: 160px
|
||||
}
|
||||
|
||||
.h_240px {
|
||||
height: 240px
|
||||
}
|
||||
|
||||
.mb_6 {
|
||||
|
|
@ -895,16 +823,8 @@
|
|||
height: 200pt
|
||||
}
|
||||
|
||||
.w_180pt {
|
||||
width: 180pt
|
||||
}
|
||||
|
||||
.h_240pt {
|
||||
height: 240pt
|
||||
}
|
||||
|
||||
.w_80pt {
|
||||
width: 80pt
|
||||
.columns_3 {
|
||||
columns: 3
|
||||
}
|
||||
|
||||
.py_12 {
|
||||
|
|
@ -975,10 +895,6 @@
|
|||
width: var(--sizes-20)
|
||||
}
|
||||
|
||||
.min-h_300px {
|
||||
min-height: 300px
|
||||
}
|
||||
|
||||
.max-w_sm {
|
||||
max-width: var(--sizes-sm)
|
||||
}
|
||||
|
|
@ -1035,10 +951,6 @@
|
|||
padding: var(--spacing-6)
|
||||
}
|
||||
|
||||
.max-w_400px {
|
||||
max-width: 400px
|
||||
}
|
||||
|
||||
.max-h_80vh {
|
||||
max-height: 80vh
|
||||
}
|
||||
|
|
@ -1197,18 +1109,6 @@
|
|||
background: var(--colors-green-100)
|
||||
}
|
||||
|
||||
.flex-wrap_wrap {
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
.bg_gray\.100 {
|
||||
background: var(--colors-gray-100)
|
||||
}
|
||||
|
||||
.text_gray\.700 {
|
||||
color: var(--colors-gray-700)
|
||||
}
|
||||
|
||||
.px_2 {
|
||||
padding-inline: var(--spacing-2)
|
||||
}
|
||||
|
|
@ -1225,10 +1125,6 @@
|
|||
opacity: 1
|
||||
}
|
||||
|
||||
.px_6 {
|
||||
padding-inline: var(--spacing-6)
|
||||
}
|
||||
|
||||
.bg_green\.600 {
|
||||
background: var(--colors-green-600)
|
||||
}
|
||||
|
|
@ -1277,10 +1173,6 @@
|
|||
opacity: 0.3
|
||||
}
|
||||
|
||||
.px_4 {
|
||||
padding-inline: var(--spacing-4)
|
||||
}
|
||||
|
||||
.select_none {
|
||||
-webkit-user-select: none;
|
||||
user-select: none
|
||||
|
|
@ -1318,14 +1210,6 @@
|
|||
max-height: 300px
|
||||
}
|
||||
|
||||
.py_3 {
|
||||
padding-block: var(--spacing-3)
|
||||
}
|
||||
|
||||
.rounded_lg {
|
||||
border-radius: var(--radii-lg)
|
||||
}
|
||||
|
||||
.ring_none {
|
||||
outline: var(--borders-none)
|
||||
}
|
||||
|
|
@ -1418,12 +1302,256 @@
|
|||
color: var(--colors-blue-800)
|
||||
}
|
||||
|
||||
.gap_0 {
|
||||
gap: var(--spacing-0)
|
||||
}
|
||||
|
||||
.border_blue\.600 {
|
||||
border-color: var(--colors-blue-600)
|
||||
}
|
||||
|
||||
.min-h_300px {
|
||||
min-height: 300px
|
||||
}
|
||||
|
||||
.\[\&_svg\]\:transition_all_0\.2s_ease svg {
|
||||
transition: all 0.2s ease
|
||||
}
|
||||
|
||||
.mt_2 {
|
||||
margin-top: var(--spacing-2)
|
||||
}
|
||||
|
||||
.min-w_80px {
|
||||
min-width: 80px
|
||||
}
|
||||
|
||||
.max-w_300px {
|
||||
max-width: 300px
|
||||
}
|
||||
|
||||
.w_24px {
|
||||
width: 24px
|
||||
}
|
||||
|
||||
.h_8px {
|
||||
height: 8px
|
||||
}
|
||||
|
||||
.rounded_8px {
|
||||
border-radius: 8px
|
||||
}
|
||||
|
||||
.border_green\.600 {
|
||||
border-color: var(--colors-green-600)
|
||||
}
|
||||
|
||||
.border_gray\.400 {
|
||||
border-color: var(--colors-gray-400)
|
||||
}
|
||||
|
||||
.w_20px {
|
||||
width: 20px
|
||||
}
|
||||
|
||||
.h_6px {
|
||||
height: 6px
|
||||
}
|
||||
|
||||
.rounded_6px {
|
||||
border-radius: 6px
|
||||
}
|
||||
|
||||
.transition_border-color_0\.2s_ease {
|
||||
transition: border-color 0.2s ease
|
||||
}
|
||||
|
||||
.p_16px_8px {
|
||||
padding: 16px 8px
|
||||
}
|
||||
|
||||
.gap_8px {
|
||||
gap: 8px
|
||||
}
|
||||
|
||||
.min-h_60px {
|
||||
min-height: 60px
|
||||
}
|
||||
|
||||
.justify_flex-end {
|
||||
justify-content: flex-end
|
||||
}
|
||||
|
||||
.w_50px {
|
||||
width: 50px
|
||||
}
|
||||
|
||||
.h_4px {
|
||||
height: 4px
|
||||
}
|
||||
|
||||
.bg_gray\.800 {
|
||||
background-color: var(--colors-gray-800)
|
||||
}
|
||||
|
||||
.rounded_2px {
|
||||
border-radius: 2px
|
||||
}
|
||||
|
||||
.gap_4px {
|
||||
gap: 4px
|
||||
}
|
||||
|
||||
.min-h_80px {
|
||||
min-height: 80px
|
||||
}
|
||||
|
||||
.justify_flex-start {
|
||||
justify-content: flex-start
|
||||
}
|
||||
|
||||
.border_amber\.800 {
|
||||
border-color: var(--colors-amber-800)
|
||||
}
|
||||
|
||||
.max-w_400px {
|
||||
max-width: 400px
|
||||
}
|
||||
|
||||
.border_\#d97706 {
|
||||
border-color: #d97706
|
||||
}
|
||||
|
||||
.top_50\% {
|
||||
top: 50%
|
||||
}
|
||||
|
||||
.left_50\% {
|
||||
left: 50%
|
||||
}
|
||||
|
||||
.transform_translate\(-50\%\,_-50\%\) {
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
|
||||
.pointer-events_none {
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.text_orange\.600 {
|
||||
color: var(--colors-orange-600)
|
||||
}
|
||||
|
||||
.text-shadow_0_2px_4px_rgba\(0\,0\,0\,0\.2\) {
|
||||
text-shadow: 0 2px 4px rgba(0,0,0,0.2)
|
||||
}
|
||||
|
||||
.w_300px {
|
||||
width: 300px
|
||||
}
|
||||
|
||||
.h_400px {
|
||||
height: 400px
|
||||
}
|
||||
|
||||
.border_3px_solid {
|
||||
border: 3px solid
|
||||
}
|
||||
|
||||
.rounded_12px {
|
||||
border-radius: 12px
|
||||
}
|
||||
|
||||
.bg_gradient-to-br {
|
||||
background: gradient-to-br
|
||||
}
|
||||
|
||||
.from_amber\.50 {
|
||||
--gradient-from: var(--colors-amber-50)
|
||||
}
|
||||
|
||||
.to_orange\.100 {
|
||||
--gradient-to: var(--colors-orange-100)
|
||||
}
|
||||
|
||||
.p_20px {
|
||||
padding: 20px
|
||||
}
|
||||
|
||||
.shadow_0_8px_24px_rgba\(0\,_0\,_0\,_0\.1\) {
|
||||
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
|
||||
.w_100\% {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.h_100\% {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.transition_all_0\.3s_ease {
|
||||
transition: all 0.3s ease
|
||||
}
|
||||
|
||||
.px_6 {
|
||||
padding-inline: var(--spacing-6)
|
||||
}
|
||||
|
||||
.min-w_120px {
|
||||
min-width: 120px
|
||||
}
|
||||
|
||||
.shadow_0_4px_12px_rgba\(59\,_130\,_246\,_0\.15\) {
|
||||
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.15)
|
||||
}
|
||||
|
||||
.flex-wrap_wrap {
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
.bg_gray\.100 {
|
||||
background: var(--colors-gray-100)
|
||||
}
|
||||
|
||||
.text_gray\.700 {
|
||||
color: var(--colors-gray-700)
|
||||
}
|
||||
|
||||
.bg_blue\.100 {
|
||||
background: var(--colors-blue-100)
|
||||
}
|
||||
|
||||
.transition_all_0\.2s_ease {
|
||||
transition: all 0.2s ease
|
||||
}
|
||||
|
||||
.max-w_450px {
|
||||
max-width: 450px
|
||||
}
|
||||
|
||||
.leading_relaxed {
|
||||
line-height: var(--line-heights-relaxed)
|
||||
}
|
||||
|
||||
.gap_0 {
|
||||
gap: var(--spacing-0)
|
||||
.px_4 {
|
||||
padding-inline: var(--spacing-4)
|
||||
}
|
||||
|
||||
.py_3 {
|
||||
padding-block: var(--spacing-3)
|
||||
}
|
||||
|
||||
.rounded_lg {
|
||||
border-radius: var(--radii-lg)
|
||||
}
|
||||
|
||||
.w_180pt {
|
||||
width: 180pt
|
||||
}
|
||||
|
||||
.h_240pt {
|
||||
height: 240pt
|
||||
}
|
||||
|
||||
.fs_xl {
|
||||
|
|
@ -1486,10 +1614,6 @@
|
|||
padding: var(--spacing-2)
|
||||
}
|
||||
|
||||
.overflow_hidden {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.transform_scale\(1\.8\) {
|
||||
transform: scale(1.8)
|
||||
}
|
||||
|
|
@ -1748,6 +1872,10 @@
|
|||
opacity: 0.6
|
||||
}
|
||||
|
||||
.overflow_hidden {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.\[\&_svg\]\:w_100\% svg {
|
||||
width: 100%
|
||||
}
|
||||
|
|
@ -1756,6 +1884,10 @@
|
|||
height: 100%
|
||||
}
|
||||
|
||||
.\[\&_svg\]\:object_contain svg {
|
||||
object-fit: contain
|
||||
}
|
||||
|
||||
.mb_2 {
|
||||
margin-bottom: var(--spacing-2)
|
||||
}
|
||||
|
|
@ -2048,14 +2180,6 @@
|
|||
box-shadow: var(--shadows-modal)
|
||||
}
|
||||
|
||||
.hover\:border_blue\.400:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-blue-400)
|
||||
}
|
||||
|
||||
.hover\:transform_translateY\(-1px\):is(:hover, [data-hover]) {
|
||||
transform: translateY(-1px)
|
||||
}
|
||||
|
||||
.hover\:bg_green\.100:is(:hover, [data-hover]) {
|
||||
background: var(--colors-green-100)
|
||||
}
|
||||
|
|
@ -2064,12 +2188,56 @@
|
|||
border-color: var(--colors-green-400)
|
||||
}
|
||||
|
||||
.hover\:bg_brand\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-brand-50)
|
||||
}
|
||||
|
||||
.hover\:shadow_0_12px_32px_rgba\(0\,_0\,_0\,_0\.15\):is(:hover, [data-hover]) {
|
||||
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15)
|
||||
}
|
||||
|
||||
.hover\:border_blue\.700:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-blue-700)
|
||||
}
|
||||
|
||||
.hover\:border_green\.700:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-green-700)
|
||||
}
|
||||
|
||||
.hover\:border_gray\.500:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-gray-500)
|
||||
}
|
||||
|
||||
.hover\:bg_blue\.200:is(:hover, [data-hover]) {
|
||||
background: var(--colors-blue-200)
|
||||
}
|
||||
|
||||
.hover\:transform_translateY\(-1px\):is(:hover, [data-hover]) {
|
||||
transform: translateY(-1px)
|
||||
}
|
||||
|
||||
.hover\:border_blue\.400:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-blue-400)
|
||||
}
|
||||
|
||||
.hover\:shadow_0_4px_12px_rgba\(0\,_0\,_0\,_0\.1\):is(:hover, [data-hover]) {
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
|
||||
.hover\:bg_gray\.200:is(:hover, [data-hover]) {
|
||||
background: var(--colors-gray-200)
|
||||
}
|
||||
|
||||
.hover\:border_gray\.400:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-gray-400)
|
||||
}
|
||||
|
||||
.hover\:bg_brand\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-brand-50)
|
||||
.\[\&\:hover\]\:border_amber\.700:hover {
|
||||
border-color: var(--colors-amber-700)
|
||||
}
|
||||
|
||||
.\[\&\:hover\]\:transform_scale\(1\.01\):hover {
|
||||
transform: scale(1.01)
|
||||
}
|
||||
|
||||
.hover\:border_brand\.300:is(:hover, [data-hover]) {
|
||||
|
|
@ -2116,6 +2284,10 @@
|
|||
background: var(--colors-red-700)
|
||||
}
|
||||
|
||||
.active\:transform_scale\(0\.95\):is(:active, [data-active]) {
|
||||
transform: scale(0.95)
|
||||
}
|
||||
|
||||
@media screen and (min-width: 48em) {
|
||||
.md\:px_4 {
|
||||
padding-inline: var(--spacing-4)
|
||||
|
|
|
|||
Loading…
Reference in New Issue