From dc6db80fa72286704849ef61ee0e5ccb5841cb09 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Tue, 2 Jul 2024 14:28:49 -0400 Subject: Conversion to barf for testing purposes --- _posts/2019-04-13-current-color.md | 41 -------------------------------------- 1 file changed, 41 deletions(-) delete mode 100644 _posts/2019-04-13-current-color.md (limited to '_posts/2019-04-13-current-color.md') diff --git a/_posts/2019-04-13-current-color.md b/_posts/2019-04-13-current-color.md deleted file mode 100644 index cff4e48..0000000 --- a/_posts/2019-04-13-current-color.md +++ /dev/null @@ -1,41 +0,0 @@ ---- -layout: post -title: "CSS Value: currentColor" -date: 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