chore: ignore generated CSS and build files
- Add Panda CSS generated files to .gitignore (styles.css, chunks/, etc.) - Add Turbo build logs to .gitignore - Remove previously tracked generated files from repository 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
parent
b253a21c6c
commit
7fe9cce679
|
|
@ -7,6 +7,12 @@ node_modules/
|
|||
dist/
|
||||
*.tsbuildinfo
|
||||
|
||||
# Generated CSS (Panda CSS / styled-system)
|
||||
**/styled-system/styles.css
|
||||
**/styled-system/chunks/
|
||||
**/styled-system/global.css
|
||||
**/styled-system/reset.css
|
||||
|
||||
# Environment
|
||||
.env*
|
||||
|
||||
|
|
@ -23,6 +29,9 @@ lerna-debug.log*
|
|||
.cache/
|
||||
*.cache
|
||||
|
||||
# Turbo build logs
|
||||
**/.turbo/turbo-build.log
|
||||
|
||||
# IDE
|
||||
.vscode/
|
||||
.idea/
|
||||
|
|
|
|||
|
|
@ -1,963 +0,0 @@
|
|||
@layer utilities {
|
||||
|
||||
.max-w_600px {
|
||||
max-width: 600px
|
||||
}
|
||||
|
||||
.grid-cols_repeat\(auto-fit\,_minmax\(140px\,_1fr\)\) {
|
||||
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
|
||||
}
|
||||
|
||||
.p_12px_16px {
|
||||
padding: 12px 16px
|
||||
}
|
||||
|
||||
.gap_4px {
|
||||
gap: 4px
|
||||
}
|
||||
|
||||
.fs_11px {
|
||||
font-size: 11px
|
||||
}
|
||||
|
||||
.flex-wrap_wrap {
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
.border_blue\.500 {
|
||||
border-color: var(--colors-blue-500)
|
||||
}
|
||||
|
||||
.border_gray\.300 {
|
||||
border-color: var(--colors-gray-300)
|
||||
}
|
||||
|
||||
.border_2px_solid {
|
||||
border: 2px solid
|
||||
}
|
||||
|
||||
.p_10px_20px {
|
||||
padding: 10px 20px
|
||||
}
|
||||
|
||||
.m_20px_0 {
|
||||
margin: 20px 0
|
||||
}
|
||||
|
||||
.d_block {
|
||||
display: block
|
||||
}
|
||||
|
||||
.max-w_300px {
|
||||
max-width: 300px
|
||||
}
|
||||
|
||||
.text_blue\.500 {
|
||||
color: var(--colors-blue-500)
|
||||
}
|
||||
|
||||
.min-w_50px {
|
||||
min-width: 50px
|
||||
}
|
||||
|
||||
.p_15px_30px {
|
||||
padding: 15px 30px
|
||||
}
|
||||
|
||||
.box_border-box {
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.gap_16px {
|
||||
gap: 16px
|
||||
}
|
||||
|
||||
.h_10px {
|
||||
height: 10px
|
||||
}
|
||||
|
||||
.mb_10px {
|
||||
margin-bottom: 10px
|
||||
}
|
||||
|
||||
.bg_linear-gradient\(90deg\,_\#28a745\,_\#20c997\) {
|
||||
background: linear-gradient(90deg, #28a745, #20c997)
|
||||
}
|
||||
|
||||
.rounded_5px {
|
||||
border-radius: 5px
|
||||
}
|
||||
|
||||
.w_0\% {
|
||||
width: 0%
|
||||
}
|
||||
|
||||
.transition_width_0\.5s_ease {
|
||||
transition: width 0.5s ease
|
||||
}
|
||||
|
||||
.justify_flex-end {
|
||||
justify-content: flex-end
|
||||
}
|
||||
|
||||
.rounded_6px {
|
||||
border-radius: 6px
|
||||
}
|
||||
|
||||
.p_8px_16px {
|
||||
padding: 8px 16px
|
||||
}
|
||||
|
||||
.transition_background_0\.2s_ease {
|
||||
transition: background 0.2s ease
|
||||
}
|
||||
|
||||
.d_none {
|
||||
display: none
|
||||
}
|
||||
|
||||
.w_min\(90vw\,_800px\) {
|
||||
width: min(90vw, 800px)
|
||||
}
|
||||
|
||||
.h_min\(80vh\,_700px\) {
|
||||
height: min(80vh, 700px)
|
||||
}
|
||||
|
||||
.transition_opacity_0\.3s_ease {
|
||||
transition: opacity 0.3s ease
|
||||
}
|
||||
|
||||
.overflow_visible {
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
.p_40px_20px {
|
||||
padding: 40px 20px
|
||||
}
|
||||
|
||||
.p_16px {
|
||||
padding: 16px
|
||||
}
|
||||
|
||||
.max-h_60vh {
|
||||
max-height: 60vh
|
||||
}
|
||||
|
||||
.overflow-y_auto {
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
.text_gray\.700 {
|
||||
color: var(--colors-gray-700)
|
||||
}
|
||||
|
||||
.mb_16px {
|
||||
margin-bottom: 16px
|
||||
}
|
||||
|
||||
.w_fit-content {
|
||||
width: fit-content
|
||||
}
|
||||
|
||||
.max-w_200px {
|
||||
max-width: 200px
|
||||
}
|
||||
|
||||
.transform_rotateY\(0deg\) {
|
||||
transform: rotateY(0deg)
|
||||
}
|
||||
|
||||
.border_3px_solid_\#28a745 {
|
||||
border: 3px solid #28a745
|
||||
}
|
||||
|
||||
.d_grid {
|
||||
display: grid
|
||||
}
|
||||
|
||||
.p_8px {
|
||||
padding: 8px
|
||||
}
|
||||
|
||||
.perspective_1000px {
|
||||
perspective: 1000px
|
||||
}
|
||||
|
||||
.aspect_3\/4 {
|
||||
aspect-ratio: 3/4
|
||||
}
|
||||
|
||||
.transition_transform_0\.8s {
|
||||
transition: transform 0.8s
|
||||
}
|
||||
|
||||
.transform-style_preserve-3d {
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
|
||||
.bg_linear-gradient\(135deg\,_\#6c5ce7\,_\#a29bfe\) {
|
||||
background: linear-gradient(135deg, #6c5ce7, #a29bfe)
|
||||
}
|
||||
|
||||
.fs_48px {
|
||||
font-size: 48px
|
||||
}
|
||||
|
||||
.border_3px_solid_\#5f3dc4 {
|
||||
border: 3px solid #5f3dc4
|
||||
}
|
||||
|
||||
.opacity_0\.8 {
|
||||
opacity: 0.8
|
||||
}
|
||||
|
||||
.border_green\.500 {
|
||||
border-color: var(--colors-green-500)
|
||||
}
|
||||
|
||||
.border_red\.500 {
|
||||
border-color: var(--colors-red-500)
|
||||
}
|
||||
|
||||
.backface_hidden {
|
||||
backface-visibility: hidden;
|
||||
-webkit-backface-visibility: hidden
|
||||
}
|
||||
|
||||
.shadow_0_4px_8px_rgba\(0\,_0\,_0\,_0\.1\) {
|
||||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1)
|
||||
}
|
||||
|
||||
.border_3px_solid {
|
||||
border: 3px solid
|
||||
}
|
||||
|
||||
.transform_rotateY\(180deg\) {
|
||||
transform: rotateY(180deg)
|
||||
}
|
||||
|
||||
.p_4px {
|
||||
padding: 4px
|
||||
}
|
||||
|
||||
.w_100\% {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.bg_red\.500 {
|
||||
background: var(--colors-red-500)
|
||||
}
|
||||
|
||||
.top_8px {
|
||||
top: 8px
|
||||
}
|
||||
|
||||
.right_8px {
|
||||
right: 8px
|
||||
}
|
||||
|
||||
.w_32px {
|
||||
width: 32px
|
||||
}
|
||||
|
||||
.h_32px {
|
||||
height: 32px
|
||||
}
|
||||
|
||||
.shadow_0_2px_4px_rgba\(0\,_0\,_0\,_0\.2\) {
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
|
||||
}
|
||||
|
||||
.bottom_8px {
|
||||
bottom: 8px
|
||||
}
|
||||
|
||||
.left_8px {
|
||||
left: 8px
|
||||
}
|
||||
|
||||
.p_4px_8px {
|
||||
padding: 4px 8px
|
||||
}
|
||||
|
||||
.rounded_4px {
|
||||
border-radius: 4px
|
||||
}
|
||||
|
||||
.bg_rgba\(0\,_0\,_0\,_0\.7\) {
|
||||
background: rgba(0, 0, 0, 0.7)
|
||||
}
|
||||
|
||||
.fs_12px {
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.mt_12px {
|
||||
margin-top: 12px
|
||||
}
|
||||
|
||||
.p_8px_12px {
|
||||
padding: 8px 12px
|
||||
}
|
||||
|
||||
.bg_blue\.50 {
|
||||
background: var(--colors-blue-50)
|
||||
}
|
||||
|
||||
.border_blue\.200 {
|
||||
border-color: var(--colors-blue-200)
|
||||
}
|
||||
|
||||
.text_blue\.700 {
|
||||
color: var(--colors-blue-700)
|
||||
}
|
||||
|
||||
.ml_8px {
|
||||
margin-left: 8px
|
||||
}
|
||||
|
||||
.font_normal {
|
||||
font-weight: var(--font-weights-normal)
|
||||
}
|
||||
|
||||
.mb_20px {
|
||||
margin-bottom: 20px
|
||||
}
|
||||
|
||||
.m_24px_0 {
|
||||
margin: 24px 0
|
||||
}
|
||||
|
||||
.fs_14px {
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
.mb_12px {
|
||||
margin-bottom: 12px
|
||||
}
|
||||
|
||||
.text_gray\.500 {
|
||||
color: var(--colors-gray-500)
|
||||
}
|
||||
|
||||
.bg_gray\.200 {
|
||||
background: var(--colors-gray-200)
|
||||
}
|
||||
|
||||
.bg_linear-gradient\(135deg\,_\#f0f8ff\,_\#e6f3ff\) {
|
||||
background: linear-gradient(135deg, #f0f8ff, #e6f3ff)
|
||||
}
|
||||
|
||||
.bg_linear-gradient\(45deg\,_\#f8d7da\,_\#f1b0b7\) {
|
||||
background: linear-gradient(45deg, #f8d7da, #f1b0b7)
|
||||
}
|
||||
|
||||
.bg_linear-gradient\(45deg\,_\#d4edda\,_\#c3e6cb\) {
|
||||
background: linear-gradient(45deg, #d4edda, #c3e6cb)
|
||||
}
|
||||
.\[\&\:\:before\]\:bg_linear-gradient\(45deg\,_\#6c757d\,_\#adb5bd\)::before {
|
||||
background: linear-gradient(45deg, #6c757d, #adb5bd)
|
||||
}
|
||||
.\[\&\:\:before\]\:bg_linear-gradient\(45deg\,_\#007bff\,_\#4dabf7\)::before {
|
||||
background: linear-gradient(45deg, #007bff, #4dabf7)
|
||||
}
|
||||
.\[\&\:\:before\]\:bg_linear-gradient\(45deg\,_\#dc3545\,_\#e74c3c\)::before {
|
||||
background: linear-gradient(45deg, #dc3545, #e74c3c)
|
||||
}
|
||||
.\[\&\:\:before\]\:bg_linear-gradient\(45deg\,_\#28a745\,_\#20c997\)::before {
|
||||
background: linear-gradient(45deg, #28a745, #20c997)
|
||||
}
|
||||
|
||||
.shadow_0_8px_25px_rgba\(220\,_53\,_69\,_0\.2\) {
|
||||
box-shadow: 0 8px 25px rgba(220, 53, 69, 0.2)
|
||||
}
|
||||
|
||||
.shadow_0_6px_20px_rgba\(0\,_123\,_255\,_0\.15\) {
|
||||
box-shadow: 0 6px 20px rgba(0, 123, 255, 0.15)
|
||||
}
|
||||
|
||||
.shadow_0_8px_25px_rgba\(40\,_167\,_69\,_0\.2\) {
|
||||
box-shadow: 0 8px 25px rgba(40, 167, 69, 0.2)
|
||||
}
|
||||
|
||||
.cursor_not-allowed {
|
||||
cursor: not-allowed
|
||||
}
|
||||
|
||||
.min-h_60px {
|
||||
min-height: 60px
|
||||
}
|
||||
|
||||
.p_16px_20px {
|
||||
padding: 16px 20px
|
||||
}
|
||||
|
||||
.fs_28px {
|
||||
font-size: 28px
|
||||
}
|
||||
|
||||
.font_system-ui\,_-apple-system\,_sans-serif {
|
||||
font-family: system-ui, -apple-system, sans-serif
|
||||
}
|
||||
|
||||
.font_600 {
|
||||
font-weight: 600
|
||||
}
|
||||
|
||||
.tracking_2px {
|
||||
letter-spacing: 2px
|
||||
}
|
||||
|
||||
.transition_all_0\.3s_ease {
|
||||
transition: all 0.3s ease
|
||||
}
|
||||
|
||||
.rounded_16px {
|
||||
border-radius: 16px
|
||||
}
|
||||
.\[\&\:\:before\]\:content_\"\"::before {
|
||||
content: ""
|
||||
}
|
||||
.\[\&\:\:before\]\:pos_absolute::before {
|
||||
position: absolute
|
||||
}
|
||||
.\[\&\:\:before\]\:inset_0::before {
|
||||
inset: var(--spacing-0)
|
||||
}
|
||||
.\[\&\:\:before\]\:rounded_16px::before {
|
||||
border-radius: 16px
|
||||
}
|
||||
.\[\&\:\:before\]\:p_2px::before {
|
||||
padding: 2px
|
||||
}
|
||||
.\[\&\:\:before\]\:mask_linear-gradient\(\#fff_0_0\)_content-box\,_linear-gradient\(\#fff_0_0\)::before {
|
||||
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
|
||||
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)
|
||||
}
|
||||
.\[\&\:\:before\]\:mask-composite_xor::before {
|
||||
mask-composite: xor
|
||||
}
|
||||
|
||||
.opacity_1 {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.pos_relative {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.right_-8px {
|
||||
right: -8px
|
||||
}
|
||||
|
||||
.transform_translateY\(-50\%\) {
|
||||
transform: translateY(-50%)
|
||||
}
|
||||
|
||||
.w_2px {
|
||||
width: 2px
|
||||
}
|
||||
|
||||
.h_24px {
|
||||
height: 24px
|
||||
}
|
||||
|
||||
.bg_\#007bff {
|
||||
background: #007bff
|
||||
}
|
||||
|
||||
.animation_blink_1s_infinite {
|
||||
animation: blink 1s infinite
|
||||
}
|
||||
|
||||
.min-h_0 {
|
||||
min-height: var(--sizes-0)
|
||||
}
|
||||
|
||||
.pos_fixed {
|
||||
position: fixed
|
||||
}
|
||||
|
||||
.top_0 {
|
||||
top: var(--spacing-0)
|
||||
}
|
||||
|
||||
.left_0 {
|
||||
left: var(--spacing-0)
|
||||
}
|
||||
|
||||
.w_100vw {
|
||||
width: 100vw
|
||||
}
|
||||
|
||||
.pointer-events_none {
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.z_1000 {
|
||||
z-index: 1000
|
||||
}
|
||||
|
||||
.pos_absolute {
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.top_50\% {
|
||||
top: 50%
|
||||
}
|
||||
|
||||
.left_50\% {
|
||||
left: 50%
|
||||
}
|
||||
|
||||
.transform_translate\(-50\%\,_-50\%\) {
|
||||
transform: translate(-50%, -50%)
|
||||
}
|
||||
|
||||
.fs_72px {
|
||||
font-size: 72px
|
||||
}
|
||||
|
||||
.text_red\.500 {
|
||||
color: var(--colors-red-500)
|
||||
}
|
||||
|
||||
.text-shadow_2px_2px_4px_rgba\(0\,_0\,_0\,_0\.3\) {
|
||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3)
|
||||
}
|
||||
|
||||
.animation_explode_1\.5s_ease-out_forwards {
|
||||
animation: explode 1.5s ease-out forwards
|
||||
}
|
||||
|
||||
.gap_12px {
|
||||
gap: 12px
|
||||
}
|
||||
|
||||
.pt_16px {
|
||||
padding-top: 16px
|
||||
}
|
||||
|
||||
.border-t_1px_solid {
|
||||
border-top: 1px solid
|
||||
}
|
||||
|
||||
.bg_blue\.500 {
|
||||
background: var(--colors-blue-500)
|
||||
}
|
||||
|
||||
.max-w_800px {
|
||||
max-width: 800px
|
||||
}
|
||||
|
||||
.m_0_auto {
|
||||
margin: 0 auto
|
||||
}
|
||||
|
||||
.justify_flex-start {
|
||||
justify-content: flex-start
|
||||
}
|
||||
|
||||
.text_gray\.800 {
|
||||
color: var(--colors-gray-800)
|
||||
}
|
||||
|
||||
.gap_30px {
|
||||
gap: 30px
|
||||
}
|
||||
|
||||
.mb_30px {
|
||||
margin-bottom: 30px
|
||||
}
|
||||
|
||||
.p_20px {
|
||||
padding: 20px
|
||||
}
|
||||
|
||||
.bg_gray\.50 {
|
||||
background: var(--colors-gray-50)
|
||||
}
|
||||
|
||||
.rounded_12px {
|
||||
border-radius: 12px
|
||||
}
|
||||
|
||||
.w_120px {
|
||||
width: 120px
|
||||
}
|
||||
|
||||
.h_120px {
|
||||
height: 120px
|
||||
}
|
||||
|
||||
.rounded_50\% {
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.bg_linear-gradient\(45deg\,_\#007bff\,_\#0056b3\) {
|
||||
background: linear-gradient(45deg, #007bff, #0056b3)
|
||||
}
|
||||
|
||||
.fs_24px {
|
||||
font-size: 24px
|
||||
}
|
||||
|
||||
.gap_10px {
|
||||
gap: 10px
|
||||
}
|
||||
|
||||
.justify_space-between {
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.gap_20px {
|
||||
gap: 20px
|
||||
}
|
||||
|
||||
.fs_18px {
|
||||
font-size: 18px
|
||||
}
|
||||
|
||||
.font_500 {
|
||||
font-weight: 500
|
||||
}
|
||||
|
||||
.mt_16px {
|
||||
margin-top: 16px
|
||||
}
|
||||
|
||||
.justify_center {
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.gap_15px {
|
||||
gap: 15px
|
||||
}
|
||||
|
||||
.mt_20px {
|
||||
margin-top: 20px
|
||||
}
|
||||
|
||||
.bg_green\.500 {
|
||||
background: var(--colors-green-500)
|
||||
}
|
||||
|
||||
.p_12px_24px {
|
||||
padding: 12px 24px
|
||||
}
|
||||
|
||||
.border_none {
|
||||
border: var(--borders-none)
|
||||
}
|
||||
|
||||
.rounded_8px {
|
||||
border-radius: 8px
|
||||
}
|
||||
|
||||
.fs_16px {
|
||||
font-size: 16px
|
||||
}
|
||||
|
||||
.font_bold {
|
||||
font-weight: var(--font-weights-bold)
|
||||
}
|
||||
|
||||
.cursor_pointer {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.transition_all_0\.2s_ease {
|
||||
transition: all 0.2s ease
|
||||
}
|
||||
|
||||
.bg_gray\.500 {
|
||||
background: var(--colors-gray-500)
|
||||
}
|
||||
|
||||
.text_white {
|
||||
color: var(--colors-white)
|
||||
}
|
||||
|
||||
.min-h_screen {
|
||||
min-height: 100vh
|
||||
}
|
||||
|
||||
.bg_gradient-to-br {
|
||||
background: gradient-to-br
|
||||
}
|
||||
|
||||
.from_green\.50 {
|
||||
--gradient-from: var(--colors-green-50)
|
||||
}
|
||||
|
||||
.to_blue\.50 {
|
||||
--gradient-to: var(--colors-blue-50)
|
||||
}
|
||||
|
||||
.py_4 {
|
||||
padding-block: var(--spacing-4)
|
||||
}
|
||||
|
||||
.h_100vh {
|
||||
height: 100vh
|
||||
}
|
||||
|
||||
.max-w_100\% {
|
||||
max-width: 100%
|
||||
}
|
||||
|
||||
.mx_auto {
|
||||
margin-inline: auto
|
||||
}
|
||||
|
||||
.px_2 {
|
||||
padding-inline: var(--spacing-2)
|
||||
}
|
||||
|
||||
.h_100\% {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.text_center {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.shrink_0 {
|
||||
flex-shrink: 0
|
||||
}
|
||||
|
||||
.d_inline-flex {
|
||||
display: inline-flex
|
||||
}
|
||||
|
||||
.items_center {
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.text_gray\.600 {
|
||||
color: var(--colors-gray-600)
|
||||
}
|
||||
|
||||
.text-decor_none {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.mb_4 {
|
||||
margin-bottom: var(--spacing-4)
|
||||
}
|
||||
|
||||
.bg_white {
|
||||
background: var(--colors-white)
|
||||
}
|
||||
|
||||
.rounded_xl {
|
||||
border-radius: var(--radii-xl)
|
||||
}
|
||||
|
||||
.shadow_xl {
|
||||
box-shadow: var(--shadows-xl)
|
||||
}
|
||||
|
||||
.overflow_hidden {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.border_1px_solid {
|
||||
border: 1px solid
|
||||
}
|
||||
|
||||
.border_gray\.200 {
|
||||
border-color: var(--colors-gray-200)
|
||||
}
|
||||
|
||||
.max-h_100\% {
|
||||
max-height: 100%
|
||||
}
|
||||
|
||||
.flex_1 {
|
||||
flex: 1 1 0%
|
||||
}
|
||||
|
||||
.d_flex {
|
||||
display: flex
|
||||
}
|
||||
|
||||
.flex_column {
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.overflow_auto {
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
.columns_auto {
|
||||
columns: auto
|
||||
}
|
||||
|
||||
.color-scheme_place-value {
|
||||
color-scheme: place-value
|
||||
}
|
||||
|
||||
.hover\:transform_translateY\(-1px\):is(:hover, [data-hover]) {
|
||||
transform: translateY(-1px)
|
||||
}
|
||||
|
||||
.hover\:bg_gray\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-gray-50)
|
||||
}
|
||||
|
||||
.hover\:border_blue\.400:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-blue-400)
|
||||
}
|
||||
|
||||
.hover\:bg_red\.600:is(:hover, [data-hover]) {
|
||||
background: var(--colors-red-600)
|
||||
}
|
||||
|
||||
.hover\:bg_blue\.600:is(:hover, [data-hover]) {
|
||||
background: var(--colors-blue-600)
|
||||
}
|
||||
|
||||
.hover\:bg_green\.600:is(:hover, [data-hover]) {
|
||||
background: var(--colors-green-600)
|
||||
}
|
||||
|
||||
.hover\:bg_gray\.600:is(:hover, [data-hover]) {
|
||||
background: var(--colors-gray-600)
|
||||
}
|
||||
|
||||
.hover\:text_gray\.800:is(:hover, [data-hover]) {
|
||||
color: var(--colors-gray-800)
|
||||
}
|
||||
@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
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_768px\)\]\:min-w_100px {
|
||||
min-width: 100px
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
|
||||
.\[\@media_\(max-width\:_480px\)\]\:h_120px {
|
||||
height: 120px
|
||||
}
|
||||
|
||||
.\[\@media_\(max-width\:_480px\)\]\:min-w_90px {
|
||||
min-width: 90px
|
||||
}
|
||||
}
|
||||
@media (min-width: 1024px) {
|
||||
|
||||
.\[\@media_\(min-width\:_1024px\)\]\:aspect_3\/4 {
|
||||
aspect-ratio: 3/4
|
||||
}
|
||||
|
||||
.\[\@media_\(min-width\:_1024px\)\]\:h_120px {
|
||||
height: 120px
|
||||
}
|
||||
|
||||
.\[\@media_\(min-width\:_1024px\)\]\:min-w_90px {
|
||||
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 {
|
||||
padding-inline: var(--spacing-4)
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.\[\@media_\(min-width\:_1024px\)\]\:aspect_3\/4 {
|
||||
aspect-ratio: 3/4
|
||||
}
|
||||
|
||||
.\[\@media_\(min-width\:_1024px\)\]\:h_120px {
|
||||
height: 120px
|
||||
}
|
||||
|
||||
.\[\@media_\(min-width\:_1024px\)\]\:min-w_90px {
|
||||
min-width: 90px
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.\[\@media_\(max-width\:_768px\)\]\:h_130px {
|
||||
height: 130px
|
||||
}
|
||||
|
||||
.\[\@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\)\]\:h_120px {
|
||||
height: 120px
|
||||
}
|
||||
|
||||
.\[\@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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,590 +0,0 @@
|
|||
@layer utilities {
|
||||
|
||||
.pos_fixed {
|
||||
position: fixed
|
||||
}
|
||||
|
||||
.top_0 {
|
||||
top: var(--spacing-0)
|
||||
}
|
||||
|
||||
.left_0 {
|
||||
left: var(--spacing-0)
|
||||
}
|
||||
|
||||
.right_0 {
|
||||
right: var(--spacing-0)
|
||||
}
|
||||
|
||||
.bottom_0 {
|
||||
bottom: var(--spacing-0)
|
||||
}
|
||||
|
||||
.bg_rgba\(0\,_0\,_0\,_0\.5\) {
|
||||
background: rgba(0, 0, 0, 0.5)
|
||||
}
|
||||
|
||||
.z_1000 {
|
||||
z-index: 1000
|
||||
}
|
||||
|
||||
.justify_center {
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.p_6 {
|
||||
padding: var(--spacing-6)
|
||||
}
|
||||
|
||||
.max-w_500px {
|
||||
max-width: 500px
|
||||
}
|
||||
|
||||
.w_90\% {
|
||||
width: 90%
|
||||
}
|
||||
|
||||
.max-h_80vh {
|
||||
max-height: 80vh
|
||||
}
|
||||
|
||||
.shadow_xl {
|
||||
box-shadow: var(--shadows-xl)
|
||||
}
|
||||
|
||||
.resize_vertical {
|
||||
resize: vertical
|
||||
}
|
||||
|
||||
.leading_normal {
|
||||
line-height: var(--line-heights-normal)
|
||||
}
|
||||
|
||||
.min-h_100px {
|
||||
min-height: 100px
|
||||
}
|
||||
|
||||
.d_grid {
|
||||
display: grid
|
||||
}
|
||||
|
||||
.grid-cols_1fr_1fr_1fr {
|
||||
grid-template-columns: 1fr 1fr 1fr
|
||||
}
|
||||
|
||||
.text_capitalize {
|
||||
text-transform: capitalize
|
||||
}
|
||||
|
||||
.text_inherit {
|
||||
color: inherit
|
||||
}
|
||||
|
||||
.text_gray\.700 {
|
||||
color: var(--colors-gray-700)
|
||||
}
|
||||
|
||||
.d_block {
|
||||
display: block
|
||||
}
|
||||
|
||||
.border_blue\.300 {
|
||||
border-color: var(--colors-blue-300)
|
||||
}
|
||||
|
||||
.p_2 {
|
||||
padding: var(--spacing-2)
|
||||
}
|
||||
|
||||
.mt_6 {
|
||||
margin-top: var(--spacing-6)
|
||||
}
|
||||
|
||||
.justify_flex-end {
|
||||
justify-content: flex-end
|
||||
}
|
||||
|
||||
.pb_3 {
|
||||
padding-bottom: var(--spacing-3)
|
||||
}
|
||||
|
||||
.bg_gray\.200 {
|
||||
background: var(--colors-gray-200)
|
||||
}
|
||||
|
||||
.bg_purple\.500 {
|
||||
background: var(--colors-purple-500)
|
||||
}
|
||||
|
||||
.cursor_not-allowed {
|
||||
cursor: not-allowed
|
||||
}
|
||||
|
||||
.flex-wrap_wrap {
|
||||
flex-wrap: wrap
|
||||
}
|
||||
|
||||
.gap_3 {
|
||||
gap: var(--spacing-3)
|
||||
}
|
||||
|
||||
.overflow-x_auto {
|
||||
overflow-x: auto
|
||||
}
|
||||
|
||||
.border_2px_solid {
|
||||
border: 2px solid
|
||||
}
|
||||
|
||||
.min-w_120px {
|
||||
min-width: 120px
|
||||
}
|
||||
|
||||
.text_purple\.600 {
|
||||
color: var(--colors-purple-600)
|
||||
}
|
||||
|
||||
.font_mono {
|
||||
font-family: var(--fonts-mono)
|
||||
}
|
||||
|
||||
.leading_tight {
|
||||
line-height: var(--line-heights-tight)
|
||||
}
|
||||
|
||||
.border-t_2px_solid {
|
||||
border-top: 2px solid
|
||||
}
|
||||
|
||||
.border_gray\.400 {
|
||||
border-color: var(--colors-gray-400)
|
||||
}
|
||||
|
||||
.fs_xl {
|
||||
font-size: var(--font-sizes-xl)
|
||||
}
|
||||
|
||||
.text_right {
|
||||
text-align: right
|
||||
}
|
||||
|
||||
.bg_yellow\.100 {
|
||||
background: var(--colors-yellow-100)
|
||||
}
|
||||
|
||||
.bg_red\.100 {
|
||||
background: var(--colors-red-100)
|
||||
}
|
||||
|
||||
.bg_green\.100 {
|
||||
background: var(--colors-green-100)
|
||||
}
|
||||
|
||||
.text_yellow\.800 {
|
||||
color: var(--colors-yellow-800)
|
||||
}
|
||||
|
||||
.text_red\.800 {
|
||||
color: var(--colors-red-800)
|
||||
}
|
||||
|
||||
.text_green\.800 {
|
||||
color: var(--colors-green-800)
|
||||
}
|
||||
|
||||
.px_2 {
|
||||
padding-inline: var(--spacing-2)
|
||||
}
|
||||
|
||||
.rounded_full {
|
||||
border-radius: var(--radii-full)
|
||||
}
|
||||
|
||||
.border_2px_dashed {
|
||||
border: 2px dashed
|
||||
}
|
||||
|
||||
.rounded_lg {
|
||||
border-radius: var(--radii-lg)
|
||||
}
|
||||
|
||||
.p_8 {
|
||||
padding: var(--spacing-8)
|
||||
}
|
||||
|
||||
.bg_purple\.50 {
|
||||
background: var(--colors-purple-50)
|
||||
}
|
||||
|
||||
.border_purple\.200 {
|
||||
border-color: var(--colors-purple-200)
|
||||
}
|
||||
|
||||
.font_semibold {
|
||||
font-weight: var(--font-weights-semibold)
|
||||
}
|
||||
|
||||
.text_purple\.800 {
|
||||
color: var(--colors-purple-800)
|
||||
}
|
||||
|
||||
.mb_2 {
|
||||
margin-bottom: var(--spacing-2)
|
||||
}
|
||||
|
||||
.text_purple\.700 {
|
||||
color: var(--colors-purple-700)
|
||||
}
|
||||
|
||||
.leading_relaxed {
|
||||
line-height: var(--line-heights-relaxed)
|
||||
}
|
||||
|
||||
.my_2 {
|
||||
margin-block: var(--spacing-2)
|
||||
}
|
||||
|
||||
.py_1 {
|
||||
padding-block: var(--spacing-1)
|
||||
}
|
||||
|
||||
.bg_gray\.100 {
|
||||
background: var(--colors-gray-100)
|
||||
}
|
||||
|
||||
.border_1px_dashed {
|
||||
border: 1px dashed
|
||||
}
|
||||
|
||||
.top_100\% {
|
||||
top: 100%
|
||||
}
|
||||
|
||||
.left_50\% {
|
||||
left: 50%
|
||||
}
|
||||
|
||||
.transform_translateX\(-50\%\) {
|
||||
transform: translateX(-50%)
|
||||
}
|
||||
|
||||
.min-w_150px {
|
||||
min-width: 150px
|
||||
}
|
||||
|
||||
.border_gray\.100 {
|
||||
border-color: var(--colors-gray-100)
|
||||
}
|
||||
|
||||
.px_3 {
|
||||
padding-inline: var(--spacing-3)
|
||||
}
|
||||
|
||||
.bg_gray\.50 {
|
||||
background: var(--colors-gray-50)
|
||||
}
|
||||
|
||||
.border-b_1px_solid {
|
||||
border-bottom: 1px solid
|
||||
}
|
||||
|
||||
.shrink_0 {
|
||||
flex-shrink: 0
|
||||
}
|
||||
|
||||
.w_full {
|
||||
width: var(--sizes-full)
|
||||
}
|
||||
|
||||
.p_3 {
|
||||
padding: var(--spacing-3)
|
||||
}
|
||||
|
||||
.border_1px_solid {
|
||||
border: 1px solid
|
||||
}
|
||||
|
||||
.border_gray\.300 {
|
||||
border-color: var(--colors-gray-300)
|
||||
}
|
||||
|
||||
.text_left {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.items_center {
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.justify_space-between {
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.mb_1 {
|
||||
margin-bottom: var(--spacing-1)
|
||||
}
|
||||
|
||||
.text_gray\.600 {
|
||||
color: var(--colors-gray-600)
|
||||
}
|
||||
|
||||
.text_gray\.400 {
|
||||
color: var(--colors-gray-400)
|
||||
}
|
||||
|
||||
.min-h_0 {
|
||||
min-height: var(--sizes-0)
|
||||
}
|
||||
|
||||
.font_bold {
|
||||
font-weight: var(--font-weights-bold)
|
||||
}
|
||||
|
||||
.mb_3 {
|
||||
margin-bottom: var(--spacing-3)
|
||||
}
|
||||
|
||||
.mt_1 {
|
||||
margin-top: var(--spacing-1)
|
||||
}
|
||||
|
||||
.pt_1 {
|
||||
padding-top: var(--spacing-1)
|
||||
}
|
||||
|
||||
.border-t_1px_solid {
|
||||
border-top: 1px solid
|
||||
}
|
||||
|
||||
.text_red\.600 {
|
||||
color: var(--colors-red-600)
|
||||
}
|
||||
|
||||
.fs_xs {
|
||||
font-size: var(--font-sizes-xs)
|
||||
}
|
||||
|
||||
.text_orange\.600 {
|
||||
color: var(--colors-orange-600)
|
||||
}
|
||||
|
||||
.mb_0\.5 {
|
||||
margin-bottom: var(--spacing-0\.5)
|
||||
}
|
||||
|
||||
.py_8 {
|
||||
padding-block: var(--spacing-8)
|
||||
}
|
||||
|
||||
.fs_lg {
|
||||
font-size: var(--font-sizes-lg)
|
||||
}
|
||||
|
||||
.mb_4 {
|
||||
margin-bottom: var(--spacing-4)
|
||||
}
|
||||
|
||||
.w_4px {
|
||||
width: 4px
|
||||
}
|
||||
|
||||
.h_auto {
|
||||
height: auto
|
||||
}
|
||||
|
||||
.bg_gray\.300 {
|
||||
background: var(--colors-gray-300)
|
||||
}
|
||||
|
||||
.cursor_ew-resize {
|
||||
cursor: ew-resize
|
||||
}
|
||||
|
||||
.transition_background-color_0\.2s {
|
||||
transition: background-color 0.2s
|
||||
}
|
||||
|
||||
.flex_row {
|
||||
flex-direction: row
|
||||
}
|
||||
|
||||
.flex_0_0_400px {
|
||||
flex: 0 0 400px
|
||||
}
|
||||
|
||||
.bg_white {
|
||||
background: var(--colors-white)
|
||||
}
|
||||
|
||||
.border-r_1px_solid {
|
||||
border-right: 1px solid
|
||||
}
|
||||
|
||||
.border_gray\.200 {
|
||||
border-color: var(--colors-gray-200)
|
||||
}
|
||||
|
||||
.flex_1 {
|
||||
flex: 1 1 0%
|
||||
}
|
||||
|
||||
.overflow-y_auto {
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
.min-w_0 {
|
||||
min-width: var(--sizes-0)
|
||||
}
|
||||
|
||||
.p_4 {
|
||||
padding: var(--spacing-4)
|
||||
}
|
||||
|
||||
.text_center {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.text_gray\.500 {
|
||||
color: var(--colors-gray-500)
|
||||
}
|
||||
|
||||
.w_100\% {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.h_100\% {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.pos_relative {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.pos_absolute {
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.top_4 {
|
||||
top: var(--spacing-4)
|
||||
}
|
||||
|
||||
.right_4 {
|
||||
right: var(--spacing-4)
|
||||
}
|
||||
|
||||
.z_10 {
|
||||
z-index: 10
|
||||
}
|
||||
|
||||
.px_4 {
|
||||
padding-inline: var(--spacing-4)
|
||||
}
|
||||
|
||||
.py_2 {
|
||||
padding-block: var(--spacing-2)
|
||||
}
|
||||
|
||||
.bg_blue\.500 {
|
||||
background: var(--colors-blue-500)
|
||||
}
|
||||
|
||||
.text_white {
|
||||
color: var(--colors-white)
|
||||
}
|
||||
|
||||
.border_none {
|
||||
border: var(--borders-none)
|
||||
}
|
||||
|
||||
.rounded_md {
|
||||
border-radius: var(--radii-md)
|
||||
}
|
||||
|
||||
.fs_sm {
|
||||
font-size: var(--font-sizes-sm)
|
||||
}
|
||||
|
||||
.font_medium {
|
||||
font-weight: var(--font-weights-medium)
|
||||
}
|
||||
|
||||
.cursor_pointer {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.shadow_md {
|
||||
box-shadow: var(--shadows-md)
|
||||
}
|
||||
|
||||
.columns_2 {
|
||||
columns: 2
|
||||
}
|
||||
|
||||
.gap_0 {
|
||||
gap: var(--spacing-0)
|
||||
}
|
||||
|
||||
.d_flex {
|
||||
display: flex
|
||||
}
|
||||
|
||||
.items_stretch {
|
||||
align-items: stretch
|
||||
}
|
||||
|
||||
.gap_4 {
|
||||
gap: var(--spacing-4)
|
||||
}
|
||||
|
||||
.flex_column {
|
||||
flex-direction: column
|
||||
}
|
||||
|
||||
.hover\:bg_gray\.100:is(:hover, [data-hover]) {
|
||||
background: var(--colors-gray-100)
|
||||
}
|
||||
|
||||
.hover\:border_gray\.300:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-gray-300)
|
||||
}
|
||||
|
||||
.hover\:bg_purple\.600:is(:hover, [data-hover]) {
|
||||
background: var(--colors-purple-600)
|
||||
}
|
||||
|
||||
.hover\:bg_gray\.200:is(:hover, [data-hover]) {
|
||||
background: var(--colors-gray-200)
|
||||
}
|
||||
|
||||
.hover\:bg_blue\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-blue-50)
|
||||
}
|
||||
|
||||
.hover\:text_blue\.700:is(:hover, [data-hover]) {
|
||||
color: var(--colors-blue-700)
|
||||
}
|
||||
|
||||
.hover\:bg_purple\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-purple-50)
|
||||
}
|
||||
|
||||
.hover\:text_purple\.700:is(:hover, [data-hover]) {
|
||||
color: var(--colors-purple-700)
|
||||
}
|
||||
|
||||
.hover\:bg_gray\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-gray-50)
|
||||
}
|
||||
|
||||
.hover\:border_gray\.400:is(:hover, [data-hover]) {
|
||||
border-color: var(--colors-gray-400)
|
||||
}
|
||||
|
||||
.hover\:bg_blue\.400:is(:hover, [data-hover]) {
|
||||
background: var(--colors-blue-400)
|
||||
}
|
||||
|
||||
.hover\:bg_blue\.600:is(:hover, [data-hover]) {
|
||||
background: var(--colors-blue-600)
|
||||
}
|
||||
}
|
||||
|
|
@ -1,382 +0,0 @@
|
|||
@layer utilities {
|
||||
|
||||
.h_100\% {
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.min-h_600px {
|
||||
min-height: 600px
|
||||
}
|
||||
|
||||
.fs_xl {
|
||||
font-size: var(--font-sizes-xl)
|
||||
}
|
||||
|
||||
.bg_blue\.100 {
|
||||
background: var(--colors-blue-100)
|
||||
}
|
||||
|
||||
.text_blue\.700 {
|
||||
color: var(--colors-blue-700)
|
||||
}
|
||||
.hover\:bg_blue\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-blue-50)
|
||||
}
|
||||
|
||||
.bg_gray\.100 {
|
||||
background: var(--colors-gray-100)
|
||||
}
|
||||
|
||||
.px_3 {
|
||||
padding-inline: var(--spacing-3)
|
||||
}
|
||||
|
||||
.py_1 {
|
||||
padding-block: var(--spacing-1)
|
||||
}
|
||||
|
||||
.mt_2 {
|
||||
margin-top: var(--spacing-2)
|
||||
}
|
||||
|
||||
.h_2 {
|
||||
height: var(--sizes-2)
|
||||
}
|
||||
|
||||
.h_full {
|
||||
height: var(--sizes-full)
|
||||
}
|
||||
|
||||
.rounded_full {
|
||||
border-radius: var(--radii-full)
|
||||
}
|
||||
|
||||
.transition_width_0\.3s_ease {
|
||||
transition: width 0.3s ease
|
||||
}
|
||||
|
||||
.w_300px {
|
||||
width: 300px
|
||||
}
|
||||
|
||||
.border-r_1px_solid {
|
||||
border-right: 1px solid
|
||||
}
|
||||
|
||||
.bg_blue\.50 {
|
||||
background: var(--colors-blue-50)
|
||||
}
|
||||
.hover\:bg_blue\.100:is(:hover, [data-hover]) {
|
||||
background: var(--colors-blue-100)
|
||||
}
|
||||
|
||||
.p_3 {
|
||||
padding: var(--spacing-3)
|
||||
}
|
||||
|
||||
.text_left {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.mt_1 {
|
||||
margin-top: var(--spacing-1)
|
||||
}
|
||||
|
||||
.py_4 {
|
||||
padding-block: var(--spacing-4)
|
||||
}
|
||||
|
||||
.text_center {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.fs_2xl {
|
||||
font-size: var(--font-sizes-2xl)
|
||||
}
|
||||
|
||||
.fs_lg {
|
||||
font-size: var(--font-sizes-lg)
|
||||
}
|
||||
|
||||
.text_gray\.700 {
|
||||
color: var(--colors-gray-700)
|
||||
}
|
||||
|
||||
.mb_4 {
|
||||
margin-bottom: var(--spacing-4)
|
||||
}
|
||||
|
||||
.fs_md {
|
||||
font-size: var(--font-sizes-md)
|
||||
}
|
||||
|
||||
.bg_red\.50 {
|
||||
background: var(--colors-red-50)
|
||||
}
|
||||
|
||||
.border_red\.200 {
|
||||
border-color: var(--colors-red-200)
|
||||
}
|
||||
|
||||
.text_red\.700 {
|
||||
color: var(--colors-red-700)
|
||||
}
|
||||
|
||||
.bg_green\.50 {
|
||||
background: var(--colors-green-50)
|
||||
}
|
||||
|
||||
.border_green\.200 {
|
||||
border-color: var(--colors-green-200)
|
||||
}
|
||||
|
||||
.text_green\.700 {
|
||||
color: var(--colors-green-700)
|
||||
}
|
||||
|
||||
.max-w_600px {
|
||||
max-width: 600px
|
||||
}
|
||||
|
||||
.border_2px_solid {
|
||||
border: 2px solid
|
||||
}
|
||||
|
||||
.rounded_lg {
|
||||
border-radius: var(--radii-lg)
|
||||
}
|
||||
|
||||
.p_6 {
|
||||
padding: var(--spacing-6)
|
||||
}
|
||||
|
||||
.shadow_lg {
|
||||
box-shadow: var(--shadows-lg)
|
||||
}
|
||||
|
||||
.max-w_500px {
|
||||
max-width: 500px
|
||||
}
|
||||
|
||||
.bg_yellow\.50 {
|
||||
background: var(--colors-yellow-50)
|
||||
}
|
||||
|
||||
.border_yellow\.200 {
|
||||
border-color: var(--colors-yellow-200)
|
||||
}
|
||||
|
||||
.text_yellow\.800 {
|
||||
color: var(--colors-yellow-800)
|
||||
}
|
||||
|
||||
.mb_1 {
|
||||
margin-bottom: var(--spacing-1)
|
||||
}
|
||||
|
||||
.text_yellow\.700 {
|
||||
color: var(--colors-yellow-700)
|
||||
}
|
||||
|
||||
.border-t_1px_solid {
|
||||
border-top: 1px solid
|
||||
}
|
||||
|
||||
.opacity_1 {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.opacity_0\.5 {
|
||||
opacity: 0.5
|
||||
}
|
||||
.hover\:bg_gray\.50:is(:hover, [data-hover]) {
|
||||
background: var(--colors-gray-50)
|
||||
}
|
||||
|
||||
.border_blue\.300 {
|
||||
border-color: var(--colors-blue-300)
|
||||
}
|
||||
|
||||
.border_gray\.300 {
|
||||
border-color: var(--colors-gray-300)
|
||||
}
|
||||
|
||||
.bg_blue\.500 {
|
||||
background: var(--colors-blue-500)
|
||||
}
|
||||
|
||||
.bg_gray\.200 {
|
||||
background: var(--colors-gray-200)
|
||||
}
|
||||
|
||||
.text_white {
|
||||
color: var(--colors-white)
|
||||
}
|
||||
|
||||
.text_gray\.500 {
|
||||
color: var(--colors-gray-500)
|
||||
}
|
||||
|
||||
.cursor_pointer {
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.cursor_not-allowed {
|
||||
cursor: not-allowed
|
||||
}
|
||||
.hover\:bg_blue\.600:is(:hover, [data-hover]) {
|
||||
background: var(--colors-blue-600)
|
||||
}
|
||||
|
||||
.px_4 {
|
||||
padding-inline: var(--spacing-4)
|
||||
}
|
||||
|
||||
.py_2 {
|
||||
padding-block: var(--spacing-2)
|
||||
}
|
||||
|
||||
.w_400px {
|
||||
width: 400px
|
||||
}
|
||||
|
||||
.border-l_1px_solid {
|
||||
border-left: 1px solid
|
||||
}
|
||||
|
||||
.bg_gray\.50 {
|
||||
background: var(--colors-gray-50)
|
||||
}
|
||||
|
||||
.p_4 {
|
||||
padding: var(--spacing-4)
|
||||
}
|
||||
|
||||
.mb_3 {
|
||||
margin-bottom: var(--spacing-3)
|
||||
}
|
||||
|
||||
.font_medium {
|
||||
font-weight: var(--font-weights-medium)
|
||||
}
|
||||
|
||||
.mb_2 {
|
||||
margin-bottom: var(--spacing-2)
|
||||
}
|
||||
|
||||
.max-h_300px {
|
||||
max-height: 300px
|
||||
}
|
||||
|
||||
.overflow-y_auto {
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
.fs_xs {
|
||||
font-size: var(--font-sizes-xs)
|
||||
}
|
||||
|
||||
.font_mono {
|
||||
font-family: var(--fonts-mono)
|
||||
}
|
||||
|
||||
.bg_white {
|
||||
background: var(--colors-white)
|
||||
}
|
||||
|
||||
.border_1px_solid {
|
||||
border: 1px solid
|
||||
}
|
||||
|
||||
.border_gray\.200 {
|
||||
border-color: var(--colors-gray-200)
|
||||
}
|
||||
|
||||
.rounded_md {
|
||||
border-radius: var(--radii-md)
|
||||
}
|
||||
|
||||
.p_2 {
|
||||
padding: var(--spacing-2)
|
||||
}
|
||||
|
||||
.border-b_1px_solid {
|
||||
border-bottom: 1px solid
|
||||
}
|
||||
|
||||
.border_gray\.100 {
|
||||
border-color: var(--colors-gray-100)
|
||||
}
|
||||
|
||||
.font_bold {
|
||||
font-weight: var(--font-weights-bold)
|
||||
}
|
||||
|
||||
.text_blue\.600 {
|
||||
color: var(--colors-blue-600)
|
||||
}
|
||||
|
||||
.text_gray\.600 {
|
||||
color: var(--colors-gray-600)
|
||||
}
|
||||
|
||||
.text_red\.600 {
|
||||
color: var(--colors-red-600)
|
||||
}
|
||||
|
||||
.columns_5 {
|
||||
columns: 5
|
||||
}
|
||||
|
||||
.color-scheme_place-value {
|
||||
color-scheme: place-value
|
||||
}
|
||||
|
||||
.fs_sm {
|
||||
font-size: var(--font-sizes-sm)
|
||||
}
|
||||
|
||||
.gap_0 {
|
||||
gap: var(--spacing-0)
|
||||
}
|
||||
|
||||
.flex_1 {
|
||||
flex: 1 1 0%
|
||||
}
|
||||
|
||||
.justify_space-between {
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.gap_10px {
|
||||
gap: 10px
|
||||
}
|
||||
|
||||
.flex_row {
|
||||
flex-direction: row
|
||||
}
|
||||
|
||||
.gap_2 {
|
||||
gap: var(--spacing-2)
|
||||
}
|
||||
|
||||
.gap_4 {
|
||||
gap: var(--spacing-4)
|
||||
}
|
||||
|
||||
.d_flex {
|
||||
display: flex
|
||||
}
|
||||
|
||||
.items_center {
|
||||
align-items: center
|
||||
}
|
||||
|
||||
.gap_6 {
|
||||
gap: var(--spacing-6)
|
||||
}
|
||||
|
||||
.flex_column {
|
||||
flex-direction: column
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,16 +0,0 @@
|
|||
|
||||
> @soroban/core@1.0.0 build /Users/antialias/projects/soroban-abacus-flashcards/packages/core/client/node
|
||||
> tsup src/index.ts --format cjs,esm --dts
|
||||
|
||||
CLI Building entry: src/index.ts
|
||||
CLI Using tsconfig: ../../tsconfig.json
|
||||
CLI tsup v7.0.0
|
||||
CLI Target: es2022
|
||||
CJS Build start
|
||||
ESM Build start
|
||||
ESM dist/index.mjs 7.03 KB
|
||||
ESM ⚡️ Build success in 41ms
|
||||
CJS dist/index.js 8.90 KB
|
||||
CJS ⚡️ Build success in 41ms
|
||||
DTS Build start
|
||||
ELIFECYCLE Command failed.
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
|
||||
> @soroban/client@1.0.0 build /Users/antialias/projects/soroban-abacus-flashcards/packages/core/client/typescript
|
||||
> tsup src/index.ts --format cjs,esm --dts
|
||||
|
||||
ELIFECYCLE Command failed.
|
||||
Loading…
Reference in New Issue