Sublime-CSS-Format
Sublime-CSS-Format copied to clipboard
mutian
CSS Formatting for Sublime Text
Hello Mutian, sneaky introduction, I'm a web developer and I'm switching from Sublime text to VS Code. I gradually managed to migrate everything, only the best / amazing package remained...
hi there, when I compress CSS with some inline SVG, such as: ``` .a{background:url('data:image/svg+xml;charset=utf-8,
### Example: Starting with: ``` css .card { // IE Hacks. Hiding left/right arrows since IE8-10 don't handle backface-visibility very well :( .front, .back { overflow-x: hidden; } } ```...
I have some functions in less files file while using "Compact" option getting error, So exclude option need for this.
``` sass @for $i from 1 to 7{ .life#{$i}{ z-index: 10 - $i; @include img-decoration-life(life#{$i}); background-image:none; } } ``` output: ``` sass @for $i from 1 to 7 { .life#...
`.someclass :first-child { ... }` becomes `.someclass:first-child { ... }` on format.
Before format my code was as following: ``` background: url('data:image/svg+xml;utf8,'); ``` after format the code was as following: ``` background: url('data:image/svg+xml;utf8,'); ```
``` CSS #header-wrap[style*="left:0px; "] span[widgetid=collapse_feeds_btn]>span:before { display: inline-block; } ``` should be: ``` CSS #header-wrap[style*="left:0px;"] span[widgetid=collapse_feeds_btn]>span:before { display: inline-block; } ``` this actually breaks the css-file at least for blink-browsers...
``` css a { img { position: absolute; top: 0px; left: 0px; cursor: pointer; } &:hover { img { top: -13px; } } } ```
