Add a nice border to colored cells
This commit is contained in:
parent
b630864844
commit
b4ae259123
2 changed files with 14 additions and 4 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue