fx-compat: Add color picker CE (#2682)
This commit is contained in:
parent
4dbb2d88b9
commit
4b09edfa42
11 changed files with 203 additions and 181 deletions
37
scss/components/_colorPicker.scss
Normal file
37
scss/components/_colorPicker.scss
Normal file
|
@ -0,0 +1,37 @@
|
|||
#button {
|
||||
width: 38px;
|
||||
height: 24px;
|
||||
appearance: none;
|
||||
border: 1px solid #a7a7a7;
|
||||
background-color: white;
|
||||
padding: 3px;
|
||||
|
||||
&:active {
|
||||
background-color: #ddd;
|
||||
}
|
||||
}
|
||||
|
||||
#button-tile {
|
||||
display: block;
|
||||
background-color: #000000;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#grid {
|
||||
display: grid;
|
||||
margin: 2px;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.grid-tile:hover {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.grid-tile[selected="true"] {
|
||||
border: 1px outset #C0C0C0;
|
||||
}
|
||||
|
||||
.grid-tile:hover:not([selected="true"]) {
|
||||
border: 1px dotted #A7A7A7;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue