3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 23:18:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Make small visual changes on assets tab

Browse source
This commit is contained in:
Eva 2023-07-06 09:47:30 +02:00 • committed by Alonso Torres
parent 43dfdbb374
commit 1ff08bfe6a
59 changed files with 342 additions and 158 deletions
Download patch file Download diff file Expand all files Collapse all files

24
frontend/resources/styles/common/refactor/basic-rules.scss
View file

@ -163,3 +163,27 @@
color: var(--assets-item-name-foreground-color-hover);
}
}
.new-scrollbar {
::-webkit-scrollbar {
background-color: transparent;
cursor: pointer;
height: $s-12;
width: $s-12;
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar-thumb {
background-color: rgba(170, 181, 186, 0.3);
background-clip: content-box;
border: $s-2 solid transparent;
border-radius: $br-8;
&:hover {
background-color: rgba(170, 181, 186, 0.7);
outline: none;
}
}
}

3
frontend/resources/styles/common/refactor/design-tokens.scss
View file

@ -160,4 +160,7 @@
--library-content-foreground-color: var(--color-foreground-secondary);
--dropdown-background-color: var(--color-background-tertiary);
--not-found-background-color: var(--color-background-tertiary);
--not-found-foreground-color: var(--color-foreground-secondary);
}

7
frontend/resources/styles/common/refactor/spacing.scss
View file

@ -44,8 +44,15 @@ $s-216: calc(var(--s-4) * 54);
$s-240: calc(var(--s-4) * 60);
$s-248: calc(var(--s-4) * 62);
$s-256: calc(var(--s-4) * 64);
$s-272: calc(var(--s-4) * 68);
$s-280: calc(var(--s-4) * 70);
$s-300: calc(var(--s-4) * 75);
$s-320: calc(var(--s-4) * 80);
$s-348: calc(var(--s-4) * 87);
$s-380: calc(var(--s-4) * 95);
$s-400: calc(var(--s-4) * 100);
$s-480: calc(var(--s-4) * 120);
$s-520: calc(var(--s-4) * 130);
$s-664: calc(var(--s-4) * 166);
$s-712: calc(var(--s-4) * 178);
$s-736: calc(var(--s-4) * 184);