-
Notifications
You must be signed in to change notification settings - Fork 0
Mimic Function
Tommy Hodgins edited this page Dec 16, 2019
·
1 revision
A custom function to copy the computed style of a given property from the first element in the document matching a selector. Use this to imitate the properties of other elements.
--mimic(<selector>)
-
<selector>
is a CSS selector to match a tag in the document from which to copy computed style property values
Use --mimic()
on any property with a CSS selector to have CSS imitate the computed value of that property:
.sidebar h2 {
font-size: --mimic(main h1);
}
In this example, all of the <h2>
elements inside an element with a class of .sidebar
would imitate the font-size
of the first <h1>
element inside the <main>
element.