From b4ae25912326fd16cc615d3376fd553fc8988fb2 Mon Sep 17 00:00:00 2001 From: Tissevert Date: Mon, 25 Jul 2022 15:40:03 +0200 Subject: [PATCH] Add a nice border to colored cells --- css/colors.css | 10 +++++++++- css/grid.css | 8 +++++--- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/css/colors.css b/css/colors.css index 9f518c5..66ef2d7 100644 --- a/css/colors.css +++ b/css/colors.css @@ -1,31 +1,39 @@ .color0 { background: #d9c7b0; + border: 1px solid #c7aa71; } .color1 { background: #d5d5fb; + border: 1px solid #bbf; } .color2 { background: #ffe6c0; + border: 1px solid #ffce84; } .color3 { background: #edffd3; + border: 1px solid #97dd52; } .color4 { - background: #ffd0d0; + background: #ffc9a3; + border: 1px solid #fa7; } .color5 { background: #fcf; + border: 1px solid #ffa7ff; } .color6 { background: #adf; + border: 1px solid #8cb7ff; } .color7 { background: #fff89e; + border: 1px solid #d7d700; } diff --git a/css/grid.css b/css/grid.css index 8a5bcb5..b88e6b0 100644 --- a/css/grid.css +++ b/css/grid.css @@ -6,9 +6,7 @@ #grid td { width: 2em; height: 2em; -} - -#grid td { + display: inline-block; cursor: pointer; padding: 1px; } @@ -17,3 +15,7 @@ padding: 0; border: 1px dashed #aaa; } + +#grid td[class*="color"] { + padding: 0; +}