A library of useful functions to add custom stylesheet rules dynamically.
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.sass-cache/98a7253d11fac5b384dee59b77f5cb9e798408e0
dist
src
LICENSE
README.md
gulpfile.js
index.html
node_modules
package.json

README.md

styles.js: CSS Library

A library of useful functions to add custom stylesheet rules dynamically.

Try the tests.

How to include the script

This include can be added to the header or placed inline before the script is invoked.

<script src="./js/styles.js"></script>

How to control the script

add

styles.add(css);

Adds custom CSS rules into a page.

css : {string} - One or more CSS rules.

reset

styles.reset();

Removes all custom rules from the page.

load

styles.load(url);

Loads a stylesheet into the page. This is not affected by the "reset" function.

url : {string} - URL of a stylesheet.

How to build the script

This project uses node.js from http://nodejs.org/

This project uses gulp.js from http://gulpjs.com/

The following commands are available for development:

  • npm install - Installs the prerequisites.
  • gulp import - Re-imports libraries from supporting projects to ./src/libs/ if available under the same folder tree.
  • gulp dev - Builds the project for development purposes.
  • gulp dist - Builds the project for deployment purposes.
  • gulp watch - Continuously recompiles updated files during development sessions.
  • gulp serve - Serves the project on a temporary web server at http://localhost:8500/.
  • gulp php - Serves the project on a temporary php server at http://localhost:8500/.

How to test the script

These test uses Selenium from http://docs.seleniumhq.org/

  • npm install webdriverjs - Installs the webdriver prerequisite.
  • npm install mocha -g - Installs the prerequisite test framework.
  • java -jar /Applications/Selenium/selenium-server-standalone-2.42.2.jar - Starts Selenium.
  • mocha - Runs the automated tests.

License

This work is licensed under a Creative Commons Attribution 3.0 Unported License. The latest version of this and other scripts by the same author can be found at http://www.woollymittens.nl/