Giter Club home page Giter Club logo

stylus.php's Introduction

Stylus.php

A Stylus parser for PHP


###CSS needs a hero... again

When I first saw Stylus I thought it was amazing and I implemented it into my nodejs application. When I started my next project, which was a PHP project, I liked Stylus so much that I wanted to implement it into my PHP project as well. Surprisingly, I couldn't find any Stylus parser for PHP. So I did as any developer would do and created my own. And I want to share it.

##Current Features

  • Omit braces
  • Omit colons
  • Omit semi-colons
  • Custom functions
  • Importing other files
  • '&' parent reference
  • Mixins
  • Interpolation
  • Variables

##Using Stylus.php Using Stylus.php is really easy! Just include the following code:

require('Stylus.php');

$stylus = new Stylus();
$stylus->setReadDir('read');
$stylus->setWriteDir('write');
$stylus->setImportDir('import'); //if you import a file without setting this, it will import from the read directory
$stylus->parseFiles();

And that's all there is to it! Now a quick note about the parseFiles() function. It has one parameter called overwite which defaults to false. It is a flag indicating whether or not you want to overwrite your already parsed Stylus files.

This means that you could include this code on every page and you won't be parsing your Stylus files every time. But make sure that you set overwrite to true when you are developing or updating your Stylus files so the changes will be reflected in your site.

###Parse a Single File It is possible to only parse one file. Instead of calling parseFiles() you simply just call parseFile('my_styl'). parseFile()'s second parameter is the overwrite flag. If you wanted to parse a file on every page load but didn't want to parse every file you could use this to do so.

$stylus->parseFile('my_file', true);
$stylus->parseFiles();

##Assigning Variables Assigning variables is done the same way as in regular Stylus. But you now have the option of adding variables from PHP before parsing the stylus files by calling the assign function. Here is an example:

PHP

$stylus->assign('px_size', '30px');
$stylus->parseFiles();

Stylus

div
 font-size px_size

Yields

div {
    font-size: 30px;
}

stylus.php's People

Contributors

austp avatar

Watchers

Tomáš Hejč avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.