color
This commit is contained in:
@@ -296,7 +296,7 @@ $dx-card-bg: #f5f3f9;
|
||||
// Variant chips (colour/size) — shared between dexar and novo
|
||||
.dx-variants, .novo-variants {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
margin-bottom: 12px;
|
||||
|
||||
@@ -304,6 +304,7 @@ $dx-card-bg: #f5f3f9;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.variant-label {
|
||||
@@ -335,6 +336,25 @@ $dx-card-bg: #f5f3f9;
|
||||
box-shadow: 0 0 0 2px rgba(73, 118, 113, 0.25);
|
||||
}
|
||||
}
|
||||
|
||||
.colour-swatch {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
border-radius: 50%;
|
||||
border: 2px solid $dx-border;
|
||||
cursor: pointer;
|
||||
transition: border-color 0.15s, box-shadow 0.15s;
|
||||
flex-shrink: 0;
|
||||
|
||||
&:hover {
|
||||
border-color: $dx-primary;
|
||||
}
|
||||
|
||||
&.active {
|
||||
border-color: $dx-primary;
|
||||
box-shadow: 0 0 0 2px rgba(73, 118, 113, 0.25);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dx-attributes, .novo-attributes {
|
||||
|
||||
Reference in New Issue
Block a user