Using variables in CSS

CSS, PHP, Web Dev

I’m working on a little PHP script to allow for variables and inheritance in CSS. I know there’s a ruby script that does this somewhere, but I fancy seeing if we can’t get a pure PHP version up & running between us. If you’re somebody that writes their own CSS and are willing to have a play with it to see what problems occur then I’d really appreciate it. If you want to tighten up my regular expressions a bit as well then it probably won’t go amiss, as I’ve only spent 5 minutes on them so far 😉

It’s fairly straightforward, and at the moment just runs some simple find & replace on a stylesheet, nothing too fancy, and it seems to hold it’s own on my dev server, but I’d be interested to see if it works in the hands of others. I don’t have much spare time but will be adding attribute inheritance next – which could be very cool.

you can grab the PHP here, and implement it by saving it as PCSS.php (or whatever you choose) and then linking to your stylesheet as follows:

[html]
css" media="screen" rel="stylesheet" />
[/html]

In case that isn’t clear – instead of linking to your stylesheet within the tag, you link to my PHP file and then tag a ‘?’ and the filename of your stylesheet onto the end.

once running you can declare variables in your stylesheet ‘thusly’, ensuring each begins with a $ and ends with a  line-break:

[css]
/*
$pie_blue = #443300
$pie_border = 1px solid #CCC
$pie_padding = 1em
*/

.class {
color: $pie_blue;
border: $pie_border;
}
[/css]

and so on…

Again, if anybody does pick this up and play with it, I really appreciate the time and help.

2 thoughts on “Using variables in CSS”

  5. Nicely put, Cheers.
    http://canadianpharmacysilo.com/
    canadian viagra northwestpharmacy overseas pharmacy forum canadian online pharmacy
    onlinecanadianpharmacy.com
    king pharmacy
    mail order pharmacy
    prescription drugs online without doctor
    <a href="http://www.badlemming.com/?s=+Kudos%2C+A+good+amount+of+posts%21++http%3A%2F%2Fcanadianpharmacysilo.com%2F+canadian+pharmacies+that+are+legit+north+west+pharmacy+canada+canada+drugs+canada+pharmacy+%0D%0Acanadianpharmacy+%0D%0Aonline+discount+pharmacy+%0D%0Adiscount+pharmaceuticals+%0D%0Amexican+pharmacies+shipping+to+usa+%0D%0Aonline+pharmacy+no+prescription+%0D%0Aonline+pharmacy”>mexican pharmacy online
    canadian pharmacy king

    Reply

  10. Amazing loads of very good material!
    http://canadianonlinepharmacynnm.com/
    mail order pharmacies canada pharmaceutical online ordering international pharmacies that ship to the usa canada pharmaceuticals online
    canada pharmacy
    online canadian pharmacies
    online canadian pharmacies
    web medical information
    mexican pharmacies online
    online pharmacy without prescription

    Reply

  11. Effectively spoken indeed! .
    http://canadianpharmaciesnnm.com/
    web medical information canada pharmaceutical online ordering canada drugs canadian online pharmacy
    buy online prescription drugs
    no prescription pharmacy
    best canadian mail order pharmacies
    pain meds online without doctor prescription
    canada drugs
    canadian discount pharmacy

    Reply

  12. Truly quite a lot of excellent material!
    http://canadianpharmacysilo.com/
    discount drugs online pharmacy canada online pharmacies canada pharmacies online canada pharmacy online
    drug prices comparison
    northwest pharmacy canada
    prescription drugs canada
    canadian cialis
    canadian prescription drugstore
    online pharmacy no prescription needed

    Reply

  14. Valuable info. Kudos!
    http://canadianpharmacymim.com/
    canada pharmacies canadian cialis approved canadian pharmacies online canada pharmacy
    pharmacies in canada
    <a href="http://shket.ua/product/detskiy-naduvnoy-basseyn-bestway-51110/?DIGNITY=You+actually+explained+this+adequately.+http%3A%2F%2Fcialisttk.com%2F+cialis+si+pu%D0%93%D0%86+dividere+buy+cialis+online+%0D%0Acialis+italia+senza+ricetta+%0D%0Acialis+20+mg&SHORTCOMINGS=You+actually+explained+this+adequately.+%0D%0Ahttp%3A%2F%2Fcialisttk.com%2F+%0D%0Acialis+si+pu%D0%93%D0%86+dividere+%0D%0Abuy+cialis+online+%0D%0Acialis+italia+senza+ricetta+%0D%0Acialis+20+mg&COMMENT=You+actually+explained+this+adequately.+%0D%0Ahttp%3A%2F%2Fcialisttk.com%2F+%0D%0Acialis+si+pu%D0%93%D0%86+dividere+%0D%0Abuy+cialis+online+%0D%0Acialis+italia+senza+ricetta+%0D%0Acialis+20+mg&NAME=Petermen&USED=&RATING=0&PRODUCT_NAME=%D0%94%D0%B5%D1%82%D1%81%D0%BA%D0%B8%D0%B9+%D0%BD%D0%B0%D0%B4%D1%83%D0%B2%D0%BD%D0%BE%D0%B9+%D0%B1%D0%B0%D1%81%D1%81%D0%B5%D0%B9%D0%BD+Bestway+%2851110%29&PRODUCT_ID=28461″>canadian drugstore
    drug costs
    canadapharmacy
    canadian drugs
    canadian pharmacy viagra

    Reply

  18. Truly a lot of great advice.
    http://canadianpharmacysilo.com/
    northwest pharmacy canada aarp approved canadian online pharmacies costco pharmacy pricing canada drugs
    prescription without a doctor’s prescription
    canadian online pharmacies prescription drugs
    online pharmacy no prescription needed
    canada drugs pharmacy
    no prescription pharmacy
    visit poster’s website

    Reply

  19. Many thanks. Good stuff!
    http://canadianpharmaciesnnm.com/
    canadianpharmacy canada pharmaceutical online ordering canadian pharmacies online canadian viagra
    canadian pharmacies top best
    buy prescription drugs canada
    online pharmacy no prescription
    prescription drug assistance
    canada pharmacy online no script
    canadian online pharmacy reviews

    Reply

  20. Thanks a lot. Valuable stuff.
    https://nicktambone.com/
    canada drugs pharmacy canada pharmaceuticals online reputable canadian mail order pharmacies northwest pharmacy
    visit poster’s website
    canadian online pharmacies prescription drugs
    canadian pharmacies that ship to us
    canadian prescription
    buy prescription drugs from canada
    buying drugs canada

    Reply

  27. Amazing a good deal of wonderful knowledge.
    http://canadianpharmacyntx.com/
    mail order pharmacies mexican pharmacies shipping to usa drugs from canada canadian cialis
    web medical information
    canadian prescription drugstore
    discount prescription drugs online
    canadianpharmacy
    canada pharmacies prescription drugs
    discount drugs online pharmacy

    Reply

  29. Appreciate it. Plenty of information!
    http://canadianpharmacyntx.com/
    no prior prescription required pharmacy canadian online pharmacies legitimate online pharmacies canada drugs online
    pain meds online without doctor prescription
    canadian pharmacies online
    pharmacy prices compare
    canadian pharmacies that ship to us
    approved canadian pharmacies online
    canadian drug stores online

    Reply

  30. Awesome stuff, Thanks!
    http://canadianpharmaciesnnm.com/
    buy prescription drugs canada canadian pharmacy online mexican pharmacies shipping to usa aarp approved canadian online pharmacies
    canadadrugs
    prescription drugs online without doctor
    best online pharmacies canada
    canadian pharmacies that are legit
    canada drug prices
    prescription drug

    Reply

  31. Many thanks. Helpful information.
    http://canadianpharmacysilo.com/
    best canadian online pharmacy online pharmacies of canada top rated online canadian pharmacies canadian pharmacies
    canadapharmacyonline.com
    pharmacy without dr prescriptions
    online pharmacy without a prescription
    cialis online
    prescription prices comparison
    best online pharmacies no prescription

    Reply

  34. Many thanks! Plenty of data!
    http://canadianpharmacymim.com/
    online pharmacy no prescription needed top rated canadian pharmacies online canadapharmacyonline.com canada drugs online
    no prescription pharmacy
    prescription drugs without prior prescription
    canadian pharmacies online prescriptions
    no prescription pharmacy
    <a href="http://www.nationwidemarketing.com/blog/?form2mailerror&inquiry=Business+Development&fname=Petercow&lname=Petercow&email=jimmiepak%40gmail.com&company=google&phone1=89651433947&phone2=89915277296&phone3=88375485296&comments=+Nicely+put.+Cheers%21+http://canadianpharmacyntx.com/+rx+pharmacy+%3Ca+href=%22http://canadianpharmacysilo.com//%22%3Ecanada+drug%3C/a%3E+canada+drugs+online+pharmacy+%3Ca+href=http://canadianpharmaciescubarx.com//%3Elondon+drugs+canada%3C/a%3E?form2mailerror&inquiry=Business Development&fname=QuentinWer&lname=QuentinWer&[email protected]&company=google&phone1=88969163638&phone2=81863898313&phone3=88343892895&comments= Nicely put, With thanks. http://talahicc.com/ drug stores near me canadian pharmacies-24h canada pharmacy online reviews canadian pharmacies international pharmacy canada pharmacies online us pharmacy no prior prescription buying drugs canada drug stores near me prescription drugs without prior prescription“>canadian cialis
    canada drugs online

    Reply

  36. You’ve made the point!
    http://canadianpharmacymim.com/
    approved canadian pharmacies online canada pharmaceuticals online prescription price comparison canada drugs
    canadian drug
    canada pharmacies online prescriptions
    prescription drugs without doctor approval
    canada pharmacy no prescription
    mexican pharmacy online
    canada pharmacies online pharmacy

    Reply

  46. You suggested that adequately.
    http://canadianpharmacymim.com/
    pharmacy online store canadian pharmacies without an rx canada drug northwestpharmacy
    rx pharmacy
    canada pharmacies without script
    no prescription online pharmacy
    online canadian pharcharmy
    mail order pharmacies
    <a href="http://mirabiliatour.blogspot.com/ask?q=+Amazing+many+of+valuable+advice.+http%3A%2F%2Ftalahicc.com%2F+canadian+family+pharmacy+online+pharmacies+canada+no+prior+prescription+required+pharmacy+%5Burl%3Dhttp%3A%2F%2Fcanadianpharmacysilo.com%2F%5Dcanada+drugs+online%5B%2Furl%5D+%0D%0Adrugs+for+sale+%0D%0Acanadian+drug+store+%0D%0Acanadian+cialis+%0D%0Ameds+online+%0D%0Acanada+pharmacy+online+reviews+%0D%0Acanada+pharmacy&submit=ask”>pharmacy drug store

    Reply

  50. Seriously a good deal of useful facts!
    http://canadianpharmaciesnnm.com/
    safe canadian online pharmacies northwest pharmacy most reliable canadian pharmacies trust pharmacy canada
    best online pharmacy
    the canadian pharmacy
    online pharmacy without prescription
    no 1 canadian pharcharmy online
    canadian pharmacies online
    canadian pharmacy

    Reply

  51. Great forum posts. Thank you!
    http://canadianpharmacyntx.com/
    best online canadian pharcharmy canada pharmacy online online pharmacy usa canadian online pharmacies
    prescription drugs without doctor approval
    pharmacy prices compare
    compare rx prices
    us pharmacy no prior prescription
    overseas pharmacy forum
    best online canadian pharcharmy

    Reply

  52. With thanks, Awesome stuff.
    http://canadianpharmacymim.com/
    online canadian pharmacy canada online pharmacies canadian drugstore canadian pharmacies that ship to us
    canadian drugs without prescription
    rx price comparison
    rx price comparison
    pain meds online without doctor prescription
    best online international pharmacies
    canadian prescriptions

    Reply

  54. Wow loads of wonderful information.
    http://canadianpharmacymim.com/
    buy prescription drugs canada aarp approved canadian online pharmacies discount pharmaceuticals north west pharmacy canada
    drug prices comparison
    online canadian pharmacies
    best canadian prescription prices
    canada pharmacies online pharmacy
    canadian drugs without prescription
    discount pharmaceuticals

    Reply

  56. Kudos, Useful stuff!
    http://canadianpharmaciescubarx.com/
    canadian online pharmacies prescription drugs online pharmacies canada online canadian pharmacies canada drugs
    pharmacy without dr prescriptions
    safe canadian online pharmacies
    canadian pharmacies without prescriptions
    canadian pharmacy king
    mail order pharmacy
    canada pharmacy online reviews

    Reply

  58. Effectively voiced indeed. .
    http://canadianpharmacysilo.com/
    compare prescription prices mexican pharmacies shipping to usa trust pharmacy canada canada pharmacy online
    online canadian pharmacies
    online pharmacy without prescription
    pharmacy prices compare
    walgreens pharmacy
    online pharmacies no prescription
    canadian pharmacy uk delivery

    Reply

  59. Great content. Appreciate it.
    http://talahicc.com/
    buy online prescription drugs canada drugs online canadian pharmacies shipping to usa top rated canadian pharmacies online
    prescription pricing
    canadian pharmacy no prescription
    my canadian pharmacy
    prescription drugs without prior prescription
    pain meds online without doctor prescription
    online pharmacy no prescription

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *