3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-04 01:48:24 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎉 Color picker integration with library

Browse source
This commit is contained in:
alonso.torres 2020-09-04 12:03:14 +02:00 • committed by Andrey Antukh
parent 12a2b35b28
commit ab7fee50ea
9 changed files with 313 additions and 146 deletions
Download patch file Download diff file Expand all files Collapse all files

17
frontend/resources/styles/main/partials/colorpicker.scss
View file

@ -26,6 +26,7 @@
position: relative;
height: 6.75rem;
width: 100%;
cursor: pointer;
.handler {
box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px inset;
@ -59,6 +60,7 @@
grid-template-columns: 2.5rem 1fr;
height: 3.5rem;
grid-row-gap: 0.5rem;
cursor: pointer;
}
.color-bullet {
@ -80,6 +82,7 @@
#f00 0%, #ff0 17%, #0f0 33%, #0ff 50%,
#00f 67%, #f0f 83%, #f00 100%);
position: relative;
cursor: pointer;
}
.hue-selector .handler,
@ -88,7 +91,6 @@
box-shadow: rgba(0, 0, 0, 0.37) 0px 1px 4px 0px;
transform: translate(-6px, -2px);
left: 50%;
cursor: pointer;
}
.opacity-selector {
@ -198,6 +200,19 @@
}
}
}
.actions {
margin-top: 0.5rem;
display: flex;
flex-direction: row;
justify-content: center;
.btn-primary {
height: 1.5rem;
padding: 0 2.5rem;
font-size: $fs12;
}
}
}
.color-picker {