CSS Magic: Compose CSS style sheets programatically

Recommend this page to a friend!

Download

Info

Example

Files

Install with Composer

Download

Reputation

Support forum

Blog

Links

Ratings				Unique User Downloads		Download Rankings
Not enough user ratings				Total: 335		All time: 7,109 This week: 488

Version		License		PHP version		Categories
`css-magic` 1.0.1		Custom (specified...		7		HTML, PHP 7

Description

Author

Everton da Rosa

This package can compose CSS style sheets programatically.

The theme class composes style sheets. The selector class defines styles to be added to style sheets. The rule class defines properties to be added to styles.

The theme class assembles all the added styles and returns it as a single string.

Innovation Award

May 2016
Number 11

Prize: One copy of DWebPro Standard License

Usually Web applications use CSS style sheets defined as static files or templates.

However, when your application needs to generate custom CSS that manipulates certain styles and properties, the static CSS approach is not very convenient.

This class provides means to define CSS programmatically by allowing to define style sheets, styles and properties as parameters defined at PHP run time.

Manuel Lemos

Everton da Rosa

Performance

Level

Name:	Everton da Rosa `<contact>`
Classes:	17 packages by Everton da Rosa
Country:	Brazil
Age:	43
All time rank:	782	54 in Brazil
Week rank:	195	14 in Brazil

Level 5

Innovation award

Nominee: 3x

Example


<?php

if(isset($_GET['cor'])){

    $theme = $_GET['cor'];

}else{

    $theme = 'red';

}



$themes = [];



$themes['red']['background-color'] = '#ff3333';

$themes['red']['color'] = '#ffcccc';

$themes['red']['border-color'] = '#ff0000';



$themes['green']['background-color'] = '#00e600';

$themes['green']['color'] = '#ccffcc';

$themes['green']['border-color'] = '#008000';



$themes['blue']['background-color'] = '#4d94ff';

$themes['blue']['color'] = '#e6f0ff';

$themes['blue']['border-color'] = '#0052cc';



require '../CSSMagic.php';



$mytheme = new CSSMagic\Theme('My first theme');



$selector1 = new CSSMagic\Selector('body');

$selector1->addRule(new CSSMagic\Rule('color', $themes[$theme]['color']));

$selector1->addRule(new CSSMagic\Rule('background-color', $themes[$theme]['background-color']));



$selector2 = new CSSMagic\Selector('#paragrafo');

$selector2->addRule(new CSSMagic\Rule('font-style', 'italic'));



$selector3 = new CSSMagic\Selector('.myclass');

$selector3->addRule(new CSSMagic\Rule('border', 'thin solid'));

$selector3->addRule(new CSSMagic\Rule('border-color', $themes[$theme]['border-color']));



$mytheme->addSelector($selector1);

$mytheme->addSelector($selector2);

$mytheme->addSelector($selector3);



header("Content-Type: text/css");



echo $mytheme->getThemeString();

Files (124)

File	Role	Description
`doc` (1 directory)
`samples` (2 files)
`CSSMagic.geany`	Data	Auxiliary data
`CSSMagic.php`	Aux.	Auxiliary script
`Doxyfile`	Data	Auxiliary data
`LICENCE.pdf`	Data	Auxiliary data
`LICENCE.txt`	Lic.	License text
`Rule.php`	Class	Class source
`Selector.php`	Class	Class source
`Theme.php`	Class	Class source

Files (124)

doc

File	Role	Description
`html` (57 files, 1 directory)

Files (124)

doc

html

File	Role	Description
`search` (57 files)
`annotated.html`	Doc.	Documentation
`annotated_dup.js`	Data	Auxiliary data
`arrowdown.png`	Icon	Icon image
`arrowright.png`	Icon	Icon image
`bc_s.png`	Icon	Icon image
`bdwn.png`	Icon	Icon image
`classes.html`	Doc.	Documentation
`class_c_s_s_magic_1_1_rule.html`	Doc.	Documentation
`class_c_s_s_magic_1_1_rule.js`	Data	Auxiliary data
`class_c_s_s_magic_1_1_selector.html`	Doc.	Documentation
`class_c_s_s_magic_1_1_selector.js`	Data	Auxiliary data
`class_c_s_s_magic_1_1_theme.html`	Doc.	Documentation
`class_c_s_s_magic_1_1_theme.js`	Data	Auxiliary data
`closed.png`	Icon	Icon image
`css.png`	Icon	Icon image
`doc.png`	Icon	Icon image
`doxygen.css`	Data	Auxiliary data
`doxygen.png`	Icon	Icon image
`dynsections.js`	Data	Auxiliary data
`files.html`	Doc.	Documentation
`files.js`	Data	Auxiliary data
`folderclosed.png`	Icon	Icon image
`folderopen.png`	Icon	Icon image
`functions.html`	Doc.	Documentation
`functions_func.html`	Doc.	Documentation
`functions_vars.html`	Doc.	Documentation
`index.html`	Doc.	Documentation
`jquery.js`	Data	Auxiliary data
`namespaces.html`	Doc.	Documentation
`namespaces.js`	Data	Auxiliary data
`namespace_c_s_s_magic.html`	Doc.	Documentation
`namespace_c_s_s_magic.js`	Data	Auxiliary data
`navtree.css`	Data	Auxiliary data
`navtree.js`	Data	Auxiliary data
`navtreedata.js`	Data	Auxiliary data
`navtreeindex0.js`	Data	Auxiliary data
`nav_f.png`	Icon	Icon image
`nav_g.png`	Icon	Icon image
`nav_h.png`	Icon	Icon image
`open.png`	Icon	Icon image
`resize.js`	Data	Auxiliary data
`splitbar.png`	Data	Auxiliary data
`sync_off.png`	Icon	Icon image
`sync_on.png`	Icon	Icon image
`tabs.css`	Data	Auxiliary data
`tab_a.png`	Icon	Icon image
`tab_b.png`	Icon	Icon image
`tab_h.png`	Icon	Icon image
`tab_s.png`	Icon	Icon image
`_c_s_s_magic_8php.html`	Doc.	Documentation
`_c_s_s_magic_8php_source.html`	Doc.	Documentation
`_rule_8php.html`	Doc.	Documentation
`_rule_8php_source.html`	Doc.	Documentation
`_selector_8php.html`	Doc.	Documentation
`_selector_8php_source.html`	Doc.	Documentation
`_theme_8php.html`	Doc.	Documentation
`_theme_8php_source.html`	Doc.	Documentation

Files (124)

doc

html

search

File	Role	Description
`all_0.html`	Doc.	Documentation
`all_0.js`	Data	Auxiliary data
`all_1.html`	Doc.	Documentation
`all_1.js`	Data	Auxiliary data
`all_2.html`	Doc.	Documentation
`all_2.js`	Data	Auxiliary data
`all_3.html`	Doc.	Documentation
`all_3.js`	Data	Auxiliary data
`all_4.html`	Doc.	Documentation
`all_4.js`	Data	Auxiliary data
`all_5.html`	Doc.	Documentation
`all_5.js`	Data	Auxiliary data
`all_6.html`	Doc.	Documentation
`all_6.js`	Data	Auxiliary data
`all_7.html`	Doc.	Documentation
`all_7.js`	Data	Auxiliary data
`all_8.html`	Doc.	Documentation
`all_8.js`	Data	Auxiliary data
`classes_0.html`	Doc.	Documentation
`classes_0.js`	Data	Auxiliary data
`classes_1.html`	Doc.	Documentation
`classes_1.js`	Data	Auxiliary data
`classes_2.html`	Doc.	Documentation
`classes_2.js`	Data	Auxiliary data
`close.png`	Icon	Icon image
`files_0.html`	Doc.	Documentation
`files_0.js`	Data	Auxiliary data
`files_1.html`	Doc.	Documentation
`files_1.js`	Data	Auxiliary data
`files_2.html`	Doc.	Documentation
`files_2.js`	Data	Auxiliary data
`files_3.html`	Doc.	Documentation
`files_3.js`	Data	Auxiliary data
`functions_0.html`	Doc.	Documentation
`functions_0.js`	Data	Auxiliary data
`functions_1.html`	Doc.	Documentation
`functions_1.js`	Data	Auxiliary data
`functions_2.html`	Doc.	Documentation
`functions_2.js`	Data	Auxiliary data
`functions_3.html`	Doc.	Documentation
`functions_3.js`	Data	Auxiliary data
`functions_4.html`	Doc.	Documentation
`functions_4.js`	Data	Auxiliary data
`functions_5.html`	Doc.	Documentation
`functions_5.js`	Data	Auxiliary data
`mag_sel.png`	Icon	Icon image
`namespaces_0.html`	Doc.	Documentation
`namespaces_0.js`	Data	Auxiliary data
`nomatches.html`	Doc.	Documentation
`search.css`	Data	Auxiliary data
`search.js`	Data	Auxiliary data
`searchdata.js`	Data	Auxiliary data
`search_l.png`	Icon	Icon image
`search_m.png`	Icon	Icon image
`search_r.png`	Icon	Icon image
`variables_0.html`	Doc.	Documentation
`variables_0.js`	Data	Auxiliary data

Files (124)

samples

File	Role	Description
`sample.php`	Aux.	Auxiliary script
`theme.php`	Example	Example script

The PHP Classes site has supported package installation using the Composer tool since 2013, as you may verify by reading this instructions page.

Install with Composer

	css-magic-2016-06-09.zip 374KB
	css-magic-2016-06-09.tar.gz 330KB
	Install with Composer

Version Control

Unique User Downloads

Download Rankings

100%

Total:	335
This week:	0

All time:	7,109
This week:	488

Applications that use this package

No pages of applications that use this class were specified.

If you know an application of this package, send a message to the author to add a link here.

About us

Advertise on this site

For more information send a message to info at phpclasses dot org.