PHP code example of ponponumi / php_css_create

1. Go to this page and download the library: Download ponponumi/php_css_create library. Choose the download type require.

2. Extract the ZIP file and open the index.php.

3. Add this code to the index.php. 
    
        
<?php
require_once('vendor/autoload.php');

/* Start to develop here. Best regards https://php-download.com/ */

ponponumi / php_css_create example snippets


use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();


use Ponponumi\PhpCssCreate\StyleCreate;

$data = [
  "selector" => "h2",
  "property" => [
    "color" => "#00f"
  ]
];

$styleCreate = new StyleCreate($data);

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(15) "h2{color:#00f;}"


use Ponponumi\PhpCssCreate\StyleCreate;

$data = [
  [
    "selector" => "h1",
    "property" => [
      "color" => "#f00"
    ]
  ],
  [
    "selector" => "p",
    "property" => [
      "color" => "#0f0"
    ]
  ],
];

$styleCreate = new StyleCreate($data,true);

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(29) "h1{color:#f00;}p{color:#0f0;}"


use Ponponumi\PhpCssCreate\StyleCreate;

$data = [
  "selector" => "h2",
  "property" => [
    "color" => "#00f"
  ]
];

$styleCreate = new StyleCreate($data);

$addData = [
  "selector" => ".text",
  "property" => [
    "font-size" => "17px"
  ]
];

$styleCreate->add($addData);

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(37) "h2{color:#00f;}.text{font-size:17px;}"


use Ponponumi\PhpCssCreate\StyleCreate;

$data = [
  "selector" => "h2",
  "property" => [
    "color" => "#00f"
  ]
];

$styleCreate = new StyleCreate($data);

$addList = [
  [
    "selector" => ".text",
    "property" => [
      "font-size" => "17px"
    ]
  ],
  [
    "selector" => ".hello",
    "property" => [
      "color" => "#04f"
    ]
  ],
];

$styleCreate->addList($addList);

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(56) "h2{color:#00f;}.text{font-size:17px;}.hello{color:#04f;}"


use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();

$propertyList = [
  "color" => "#03e",
  "border-bottom" => "1px solid #03e",
];

$styleCreate->addSeparately($propertyList,"a");

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(43) "a{color:#03e;border-bottom:1px solid #03e;}"


use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();

$propertyList = [
  "color" => "#03e",
  "border-bottom" => "1px solid #03e",
];

$styleCreate->addSeparately($propertyList,"a");
$styleCreate->delete();

$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(0) ""


use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();

$variableList = [
  "theme-color" => "#15f132",
  "text_color" => "#222",
  "--link-color" => "#52e3f2",
  "__link_hover_color" => "#52e3f2",
];

$styleCreate->addVariable($variableList);
$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(95) ":root{--theme-color:#15f132;--text-color:#222;--link-color:#52e3f2;--link-hover-color:#52e3f2;}"


use Ponponumi\PhpCssCreate\StyleCreate;

$styleCreate = new StyleCreate();

$variableList = [
  "theme-color" => "#15f132",
  "text_color" => "#222",
  "--link-color" => "#52e3f2",
  "__link_hover_color" => "#52e3f2",
];

$styleCreate->addVariable($variableList,false);
$css = $styleCreate->get();

var_dump($css);

// 出力結果 string(97) ":root{--theme-color:#15f132;--text_color:#222;--link-color:#52e3f2;--__link_hover_color:#52e3f2;}"

bash
composer