hdemirchian / cssformat Goto Github PK

how to use this plugin ? what is the hot keys?

Ommiting the ending semicolon after the last property is valid css syntax, however this plugin completely deletes the property in this case.

When the css file contains some unicode charaters, the console outputs:
UnicodeDecodeError: 'ascii' codec can't decode byte 0xe6 in position 5: ordinal not in range(128)

Not really a issue - more of a personal preference.

I want to change the option of 'less than 4 parameters' on one line. Is there a way I can change that to '1 parameter' on one line?

Just try to parse this code:
@font-face {
font-family: 'ExoLight';
src: url('../fonts/Exo-Light-webfont.eot');
src: url('../fonts/Exo-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-Light-webfont.woff') format('woff'),
url('../fonts/Exo-Light-webfont.ttf') format('truetype'),
url('../fonts/Exo-Light-webfont.svg#ExoLight') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'ExoRegular';
src: url('../fonts/Exo-Regular-webfont.eot');
src: url('../fonts/Exo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-Regular-webfont.woff') format('woff'),
url('../fonts/Exo-Regular-webfont.ttf') format('truetype'),
url('../fonts/Exo-Regular-webfont.svg#ExoRegular') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'ExoMedium';
src: url('../fonts/Exo-Medium-webfont.eot');
src: url('../fonts/Exo-Medium-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-Medium-webfont.woff') format('woff'),
url('../fonts/Exo-Medium-webfont.ttf') format('truetype'),
url('../fonts/Exo-Medium-webfont.svg#ExoMedium') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'ExoDemiBold';
src: url('../fonts/Exo-DemiBold-webfont.eot');
src: url('../fonts/Exo-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-DemiBold-webfont.woff') format('woff'),
url('../fonts/Exo-DemiBold-webfont.ttf') format('truetype'),
url('../fonts/Exo-DemiBold-webfont.svg#ExoDemiBold') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'ExoBold';
src: url('../fonts/Exo-Bold-webfont.eot');
src: url('../fonts/Exo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-Bold-webfont.woff') format('woff'),
url('../fonts/Exo-Bold-webfont.ttf') format('truetype'),
url('../fonts/Exo-Bold-webfont.svg#ExoBold') format('svg');
font-weight: normal;
font-style: normal;}

@font-face {
font-family: 'ExoItalic';
src: url('../fonts/Exo-Light-Italic-webfont.eot');
src: url('../fonts/Exo-Light-Italic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Exo-Light-Italic-webfont.woff') format('woff'),
url('../fonts/Exo-Light-Italic-webfont.ttf') format('truetype'),
url('../fonts/Exo-Light-Italic-webfont.svg#ExoBold') format('svg');
font-weight: normal;
font-style: normal;}

/* Reset
-----------------------------------------------------------------------------*/

• {margin: 0; padding: 0;}

html {height: 100%;}

body {
font: 12px/18px ExoMedium, Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
background:url(../images/dot_trans.png);}

a {color: #fff; outline: none; text-decoration: none;}

a:hover {color: #959595; text-decoration: none; outline: none;}

p {font:12px/20px ExoMedium; color:#303030;}

Certain mixins and variables are broken when using this. Particularly prevelent with with interpolated variables, e.g. @{var}, but also happens with - for example - variables to define media queries. Probably because of the weird formatting.