Add a nice border to colored cells

This commit is contained in:
Tissevert 2022-07-25 15:40:03 +02:00
parent b630864844
commit b4ae259123
2 changed files with 14 additions and 4 deletions

View file

@ -1,31 +1,39 @@
.color0 { .color0 {
background: #d9c7b0; background: #d9c7b0;
border: 1px solid #c7aa71;
} }
.color1 { .color1 {
background: #d5d5fb; background: #d5d5fb;
border: 1px solid #bbf;
} }
.color2 { .color2 {
background: #ffe6c0; background: #ffe6c0;
border: 1px solid #ffce84;
} }
.color3 { .color3 {
background: #edffd3; background: #edffd3;
border: 1px solid #97dd52;
} }
.color4 { .color4 {
background: #ffd0d0; background: #ffc9a3;
border: 1px solid #fa7;
} }
.color5 { .color5 {
background: #fcf; background: #fcf;
border: 1px solid #ffa7ff;
} }
.color6 { .color6 {
background: #adf; background: #adf;
border: 1px solid #8cb7ff;
} }
.color7 { .color7 {
background: #fff89e; background: #fff89e;
border: 1px solid #d7d700;
} }

View file

@ -6,9 +6,7 @@
#grid td { #grid td {
width: 2em; width: 2em;
height: 2em; height: 2em;
} display: inline-block;
#grid td {
cursor: pointer; cursor: pointer;
padding: 1px; padding: 1px;
} }
@ -17,3 +15,7 @@
padding: 0; padding: 0;
border: 1px dashed #aaa; border: 1px dashed #aaa;
} }
#grid td[class*="color"] {
padding: 0;
}