title: How to use a defined property value as another property in pure CSS?
body: <p>How to use a defined property value as another property in <strong>pure CSS</strong> just like this:</p>
  
  <pre><code>.test {
      color: #66ccff;
      text-shadow: 0 0 8px valueOf(color);
  }
  </code></pre>
  
  <p>'color' can be changed at anytime.</p>