mirror of
https://github.com/penpot/penpot.git
synced 2026-05-11 11:03:52 +00:00
💄 Adds new components styles
This commit is contained in:
parent
bc14f59153
commit
8b9781f345
@ -10,7 +10,7 @@
|
||||
.drop-space {
|
||||
height: $s-12;
|
||||
border-radius: $br-8;
|
||||
background-color: var(--assets-item-background-color);
|
||||
background-color: var(--color-foreground-secondary);
|
||||
}
|
||||
.asset-grid {
|
||||
display: grid;
|
||||
@ -24,7 +24,7 @@
|
||||
padding: $s-8;
|
||||
border: $s-2 solid transparent;
|
||||
border-radius: $br-8;
|
||||
background-color: var(--assets-item-background-color);
|
||||
background-color: var(--color-foreground-secondary);
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
img {
|
||||
@ -126,11 +126,12 @@
|
||||
svg,
|
||||
img {
|
||||
@include flexCenter;
|
||||
flex-shrink: 0;
|
||||
padding: $s-2;
|
||||
height: $s-32;
|
||||
width: $s-32;
|
||||
border-radius: $br-6;
|
||||
background-color: var(--assets-item-background-color);
|
||||
background-color: var(--color-foreground-secondary);
|
||||
}
|
||||
|
||||
.item-name {
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
.drop-space {
|
||||
height: $s-12;
|
||||
border-radius: $br-8;
|
||||
background-color: var(--assets-item-background-color);
|
||||
background-color: var(--color-foreground-secondary);
|
||||
}
|
||||
.asset-grid {
|
||||
display: grid;
|
||||
@ -24,7 +24,7 @@
|
||||
border: $s-2 solid transparent;
|
||||
border-radius: $br-8;
|
||||
aspect-ratio: 1/1;
|
||||
background-color: var(--assets-item-background-color);
|
||||
background-color: var(--color-foreground-secondary);
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
img {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user