<h1>Custom Properties</h1>
<a href="#">Chapter 1</a>
<a href="#">Chapter 2</a>
<a href="#">Chapter 3</a>
:root{
--spacing: 1rem;
--primary-color: #BF0204;
}
h1{
border-bottom: 2px solid var(--primary-color);
}
a{
color: inherit;
padding: var(--spacing);
border: 1px solid var(--primary-color);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.