30 lines
1.7 KiB
CSS
30 lines
1.7 KiB
CSS
a.kt-ai-btn { text-decoration: none; }
|
|
|
|
.chip-row { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--kt-ai-space-5); }
|
|
|
|
.chip { border: 1px solid var(--kt-ai-border); background: transparent; color: var(--kt-ai-fg-muted);
|
|
border-radius: var(--kt-ai-radius-full); padding: 6px 14px; cursor: pointer; font-size: var(--kt-ai-text-sm);
|
|
font-family: var(--kt-ai-font-sans); transition: all .2s ease; }
|
|
|
|
.chip:hover { border-color: var(--kt-ai-primary); color: var(--kt-ai-fg); }
|
|
.chip.active { background: var(--kt-ai-primary); border-color: var(--kt-ai-primary); color: #fff; }
|
|
|
|
.store-card { border: 1px solid var(--kt-ai-card-border); background: var(--kt-ai-card-bg);
|
|
border-radius: var(--kt-ai-radius-lg); padding: var(--kt-ai-space-5); }
|
|
|
|
.store-card h3 { margin: 0 0 4px; font-size: var(--kt-ai-text-lg); }
|
|
|
|
.store-tag { display: inline-block; font-size: var(--kt-ai-text-xs); color: var(--kt-ai-primary);
|
|
border: 1px solid var(--kt-ai-border); border-radius: var(--kt-ai-radius-full); padding: 2px 10px; margin-bottom: 8px; }
|
|
|
|
.store-card p { margin: 4px 0; color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-sm); }
|
|
|
|
.idea-card { border: 1px solid var(--kt-ai-card-border); background: var(--kt-ai-card-bg);
|
|
border-radius: var(--kt-ai-radius-2xl); padding: var(--kt-ai-space-3); }
|
|
.idea-card img { width: 100%; border-radius: var(--kt-ai-radius-xl); margin-bottom: 10px; }
|
|
.idea-card h3 { margin: 0 0 6px; font-size: var(--kt-ai-text-lg); }
|
|
.idea-card p { margin: 4px 0; color: var(--kt-ai-fg-muted); font-size: var(--kt-ai-text-sm); }
|
|
|
|
.reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }
|
|
.reveal.in { opacity: 1; transform: none; }
|