Skip to content

Instantly share code, notes, and snippets.

@jCrip

jCrip/Prefixr+LiveReload.sh

Created March 20, 2012 15:55
Show Gist options
  • Save jCrip/2137409 to your computer and use it in GitHub Desktop.
Save jCrip/2137409 to your computer and use it in GitHub Desktop.
Download ZIP
Use Nettuts+ Prefixr with LiveReload
Raw
Prefixr+LiveReload.sh
css="`cat assets/css/main.css`" && curl -sSd css="$css" http://prefixr.com/api/index.php > assets/css/main.css
@patrickwelker
Copy link

I think I've found a bug:

I'm using LiveReload (beta 2.3.3), SASS and this shell script via LiveReloads custom command.

When using the pseudo elements content:{} feature and putting a curly brace as the value of content, prefixr renders the code unusable.

It seems the command makes a line break after curly braces and therefore the css won't work with them.

For example:

h1:before {
    content: '{';
    padding-right: 10px;
}
h1:after {
    content: '}';
    padding-left: 10px;
}

gets rendered as:

h1:before {
    content:' {
    ';
    padding-right: 10px;
}

h1:after {
    content: '}

';
    padding-left: 10px;
}

I hope there's a simple fix to this problem.

@JeffreyWay
Copy link

Yeah - that's a quirk with Prefixr. The next version should fix that (which I'm working on).

@patrickwelker
Copy link

Cool - I saw you already posted on the LiveReload board too. Overall, great news.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment