1) Trim white spaces
2) Remove new lines (/n) ~> single line
3) Remove last semi-column (;)
4) Hexadecimal color:
#FFFFFF
becomes#fff
(color is case-insensitive)#336699
becomes#369
- red color becomes
#f00
- green color becomes
#0f0
- blue color becomes
#00f
5) Backgrounds
- this:
background-color: #1C1C1C
becomes:
background: #1c1c1c (color is case-insensitive)
- this:
background-image: url(image.png)
background-image: url("image.png")
background-image: url('image.png')
becomes:
background: url(image.png)
- this:
background-color: #1C1C1C
background-image: url(image.png)
becomes:
background: #1c1c1c url(image.png)
6) Fonts
- this:
font-size: 12px;
font-family: "Arial", Helvetica, sans-serif;
becomes:
font: 12px "Arial", Helvetica, sans-serif;
- this:
font-size: 12px;
font-weight: bold;
font-family: "Arial", Helvetica, sans-serif;
becomes:
font: bold 12px "Arial", Helvetica, sans-serif;
- this:
font-size: 12px;
font-weight: bold;
font-style: italic;
font-family: "Arial", Helvetica, sans-serif;
becomes:
font: bold italic 12px "Arial", Helvetica, sans-serif;
- this:
font-size: 12px;
line-height: 16px;
font-weight: bold;
font-style: italic;
font-family: "Arial", Helvetica, sans-serif;
becomes:
font: bold italic 12px/16px "Arial", Helvetica, sans-serif;