Created raw activity chart in only HTML and CSS

1 files changed, 58 insertions, 0 deletions

diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e5ca66c
--- /dev/null
+++ b/style.css
@@ -0,0 +1,58 @@
+table.activity-chart {
+	border-spacing: 4px;
+}
+
+
+table.activity-chart tr {
+	height: 11px;
+}
+
+
+td.activity-chart-label {
+	position: relative;
+	font-size: 12px;
+	min-width: 2em;
+}
+
+
+td.activity-chart-label span {
+	position: absolute;
+	top: -3px;
+}
+
+
+td[data-activity-level] {
+	box-sizing: border-box;
+	outline-width: 1px;
+	outline-style: solid;
+	outline-offset: -1px;
+	outline-color: rgba(27, 31, 35, 0.06);
+	border-radius: 2px;
+	height: 11px;
+	min-width: 11px;
+}
+
+
+td[data-activity-level="0"] {
+	background-color: #ccc;
+}
+
+
+td[data-activity-level="1"] {
+	background-color: #9be9a8;
+}
+
+
+td[data-activity-level="2"] {
+	background-color: #40c463;
+}
+
+
+td[data-activity-level="3"] {
+	background-color: #30a14e;
+}
+
+
+td[data-activity-level="4"] {
+	background-color: #216e39;
+}