Most viewed recipes tagged "css" but not "height"http://code.activestate.com/recipes/tags/css-height/views/2013-11-20T21:15:22-08:00ActiveState Code Recipeshexadecimal CSS colors, convert the six-digit to the three-digit notation (Bash)
2010-10-02T14:07:23-07:00Romain Dartigueshttp://code.activestate.com/recipes/users/4167472/http://code.activestate.com/recipes/577416-hexadecimal-css-colors-convert-the-six-digit-to-th/
<p style="color: grey">
Bash
recipe 577416
by <a href="/recipes/users/4167472/">Romain Dartigues</a>
(<a href="/recipes/tags/color/">color</a>, <a href="/recipes/tags/css/">css</a>, <a href="/recipes/tags/regex/">regex</a>, <a href="/recipes/tags/rgb/">rgb</a>, <a href="/recipes/tags/sed/">sed</a>, <a href="/recipes/tags/shortening/">shortening</a>).
</p>
<p>Want to replace all six-digit RGB notation (#rrggbb) to the short (three-digit #rgb) form?
Or the opposite?</p>
Komodo JS Macro - Add CSS3 Prefixes (JavaScript)
2012-05-25T20:02:50-07:00Keegan Brownhttp://code.activestate.com/recipes/users/4182206/http://code.activestate.com/recipes/578145-komodo-js-macro-add-css3-prefixes/
<p style="color: grey">
JavaScript
recipe 578145
by <a href="/recipes/users/4182206/">Keegan Brown</a>
(<a href="/recipes/tags/css/">css</a>, <a href="/recipes/tags/macro/">macro</a>).
</p>
<p>Simple macro to add vendor prefixes to a CSS declaration under the cursor. Isn't smart and doesn't know what needs a prefix and what doesn't, just adds all the prefixes. </p>
CSS line with px value adds a new line with rem (JavaScript)
2013-11-20T21:15:22-08:00Magnus Axelssonhttp://code.activestate.com/recipes/users/4188509/http://code.activestate.com/recipes/578769-css-line-with-px-value-adds-a-new-line-with-rem/
<p style="color: grey">
JavaScript
recipe 578769
by <a href="/recipes/users/4188509/">Magnus Axelsson</a>
(<a href="/recipes/tags/convert/">convert</a>, <a href="/recipes/tags/css/">css</a>, <a href="/recipes/tags/komodo/">komodo</a>, <a href="/recipes/tags/macro/">macro</a>).
</p>
<p>Put your cursor on a CSS line that ends with a value in px (do not select any text). Run the script and it will insert a new line there the px value is converted to a rem value. </p>
<p>You need to edit the code to modify your rem base matching the one you use in your own CSS. The default value is 16.</p>
<p>Example:
font-size: 12px; (run the script with the cursor in this line)
font-size: 0.75rem (new line added by script) </p>