blob: 69e6a4a131cd840d63359c48fbdcf0f8d1b5b553 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
<?php
require_once __DIR__ . '/../vendor/autoload.php';
use luizbills\CSS_Generator\Generator as CSS_Generator;
$options = [
'indentation' => ' ', // 2 spaces
];
$css = new CSS_Generator( $options );
// single selector
$css->add_rule( '.color-white', [ 'color' => '#fff' ] );
$css->open_block( 'media', 'screen and (min-width: 30em)' );
// multiple selectors
$css->add_rule( [ 'html', 'body' ], [
'background-color' => 'black',
'color' => 'white'
] );
$css->close_block(); // close a block
$css->open_block( 'supports', '(display: grid)' );
$css->add_rule( '.grid', [
'display' => 'grid',
] );
// nested block
$css->open_block( 'media', 'screen and (max-width: 30em)' );
$css->add_rule( '.grid-sm', [
'display' => 'grid',
] );
$css->close_blocks(); // close all blocks
$minify = false;
echo $css->get_output( $minify );
|
