mirror of
https://github.com/penpot/penpot.git
synced 2025-08-06 07:18:25 +02:00
✨ Add color bullet changes
This commit is contained in:
parent
447293bc4e
commit
5dc646e44e
1 changed files with 8 additions and 3 deletions
|
@ -9,11 +9,15 @@
|
||||||
|
|
||||||
.color-cell {
|
.color-cell {
|
||||||
.color-bullet {
|
.color-bullet {
|
||||||
background-color: $color-white;
|
background-color: transparent;
|
||||||
// Creates strange artifacts
|
// Creates strange artifacts
|
||||||
border: 2px solid $color-gray-60;
|
border: 2px solid $color-gray-60;
|
||||||
// box-shadow: 0 0 0 2px $color-gray-60;
|
// box-shadow: 0 0 0 2px $color-gray-60;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
border-color: $color-primary;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.cell-big .color-bullet {
|
&.cell-big .color-bullet {
|
||||||
|
@ -74,10 +78,11 @@ ul.palette-menu .color-bullet {
|
||||||
}
|
}
|
||||||
|
|
||||||
.asset-group .group-list-item .color-bullet {
|
.asset-group .group-list-item .color-bullet {
|
||||||
width: 20px;
|
border: 1px solid $color-gray-20;
|
||||||
height: 20px;
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
height: 20px;
|
||||||
margin-right: $x-small;
|
margin-right: $x-small;
|
||||||
|
width: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-cell.add-color:hover .color-bullet {
|
.color-cell.add-color:hover .color-bullet {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue