title: Is it possible to change only the color of text shadow?
body: <p>I have 9 differently colored buttons (red, orange, yellow, green, blue, purple, pink, off-white and slate) and I was wondering if it was possible to manipulate and alter only the color of the <code>text-shadow</code> CSS property for these buttons, while keeping the other values the same?</p>
  
  <p>For example, I have two different classes; one is for buttons with 11px font size and the other is for 14px font size (standard across my website):</p>
  
  <pre><code>.button-11 {
      font-size: 0.8em;
      border-width: 0.09091em;
      border-style: solid;
      padding: 0 0.90909em;
      text-shadow: 0.09091em 0.09091em 0 rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 -0.09091em rgba(255, 255, 255, 0.3) inset;
      -moz-box-shadow: 0 -0.09091em rgba(255, 255, 255, 0.3) inset;
      box-shadow: 0 -0.09091em rgba(255, 255, 255, 0.3) inset;
  }
  
  .button-14 {
      border-width: 0.07143em;
      border-style: solid;
      padding: 0 0.71429em;
      text-shadow: 0.07143em 0.07143em 0 rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 -0.07143em rgba(255, 255, 255, 0.3) inset;
      -moz-box-shadow: 0 -0.07143em rgba(255, 255, 255, 0.3) inset;
      box-shadow: 0 -0.07143em rgba(255, 255, 255, 0.3) inset;
  }
  </code></pre>
  
  <p>For those unaware, I have two separate classes because each font size requires different values for the borders and text shadow, since I'm using the em measurement - 0.09em equates to 1px at font size 11px, and 0.07em equates to 1px at font size 14px.</p>
  
  <p>So, in order to cut down on the CSS file size, it would help greatly if I could simply change the color of the <code>text-shadow</code> CSS properties without having to include the other values.</p>
  
  <p>Does anyone know if this is possible?</p>
  
  <p>Thank you. </p>