From 3f6a9546ec13063d0d5bdf21d30a93d3e8aa6050 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Tue, 2 Jul 2024 14:22:21 -0400 Subject: Rebuild changes based off latest barf --- build/posts/current-color/index.html | 67 ------------------------------------ 1 file changed, 67 deletions(-) delete mode 100644 build/posts/current-color/index.html (limited to 'build/posts/current-color') diff --git a/build/posts/current-color/index.html b/build/posts/current-color/index.html deleted file mode 100644 index 0289909..0000000 --- a/build/posts/current-color/index.html +++ /dev/null @@ -1,67 +0,0 @@ - - - - - - - - CSS Value: `currentColor` - - - - - - - -
-

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!

- \ No newline at end of file -- cgit v1.2.3-54-g00ecf