From 6b742c459266b18e2b375b35205ce8a6c02f0452 Mon Sep 17 00:00:00 2001
From: Bradley Taunt <bt@btxx.org>
Date: Thu, 6 Jun 2024 08:05:12 -0400
Subject: Initial commit

---
 posts/current-color.md | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 posts/current-color.md

(limited to 'posts/current-color.md')

diff --git a/posts/current-color.md b/posts/current-color.md
new file mode 100644
index 0000000..bb9fe99
--- /dev/null
+++ b/posts/current-color.md
@@ -0,0 +1,38 @@
+# CSS Value: `currentColor`
+
+2019-04-13
+
+*There are a large number of nuanced and mostly unheard of* CSS value types, but today we are going to focus on `currentColor`. So what is the `currentColor` value type anyway?
+
+> The currentColor value type will apply the existing color value to other properties like background-color, etc.
+
+## See it in action
+
+Let's assume with have a single div with the following properties:
+
+
+    div {
+        color: dodgerblue;
+    }
+
+
+If we wanted to use that same color for other properties on elements inside that initial `div`, it's simple - we just need to call `currentColor` like so:
+
+
+    div {
+        color: dodgerblue;
+    }
+    
+    div header {
+        background-color: currentColor;
+    }
+    
+    div a {
+        border-bottom: 1px solid currentColor;
+    }
+
+
+**Sidenote**: If you re-declare the default `color` property further along in your CSS, the `currentColor` value will update according to the last color set.
+
+And that's it. Best of all, this value type is supported across all major browsers!
+
-- 
cgit v1.2.3-54-g00ecf