fix(visual): align tokens/cards/buttons/dark mode to Zibll
P0 dark hex to #292a2d/#323335/#f8fafc; .btn opacity hover without pink elevation; post/user/product cards shadow-first without pink borders.
This commit is contained in:
@@ -10,33 +10,33 @@
|
||||
|
||||
.aksrt-product-card {
|
||||
background: var(--surface-1, #fff);
|
||||
border-radius: var(--radius-lg, 10px);
|
||||
border: 1px solid rgba(255, 255, 255, 0.55);
|
||||
border-radius: var(--radius, 8px);
|
||||
border: none;
|
||||
box-shadow: var(--shadow-sm);
|
||||
overflow: hidden;
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
|
||||
transition: box-shadow 0.2s ease;
|
||||
}
|
||||
|
||||
.aksrt-product-card:hover {
|
||||
box-shadow: var(--shadow);
|
||||
border-color: rgba(240, 68, 148, 0.12);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.aksrt-product-card__image img {
|
||||
width: 100%;
|
||||
aspect-ratio: 4/3;
|
||||
aspect-ratio: 1 / 1;
|
||||
object-fit: cover;
|
||||
border-radius: var(--radius, 8px) var(--radius, 8px) 0 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.aksrt-product-card__body {
|
||||
padding: 16px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.aksrt-product-card__title {
|
||||
font-size: 15px;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 0 0 6px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user