| 
<?php
 include_once '../vendor/autoload.php';
 $css = <<<EOT
 div {
 display:block;
 background: transparent;
 }
 div .black-with-border {
 border: 1px solid black;
 color: black;
 font-weight: bold;
 text-decoration: underline;
 margin: 0;
 }
 
 div .black-with-border-and-margin {
 border: 1px solid black;
 color: black;
 font-weight: bold;
 text-decoration: underline;
 margin: 5px 0;
 }
 
 h1 {
 font-weight: bold;
 text-decoration: underline;
 padding: 5px;
 color: #d3d3d3;
 margin: 0;
 text-align: left;
 }
 
 h2 {
 font-weight: bold;
 text-decoration: underline;
 padding: 5px;
 color: #d3d3d3;
 margin: 0;
 text-align: right;
 }
 
 h3 {
 font-weight: bold;
 text-decoration: underline;
 padding: 5px;
 color: #d3d3d3;
 margin: 3px;
 text-align: right;
 }
 
 @media only screen and (min-width:16.5em) {
 div .black-with-border {
 border: 1px solid black;
 color: black;
 font-weight: bold;
 text-decoration: underline;
 margin: 0;
 }
 
 div .black-with-border-and-margin {
 border: 1px solid black;
 color: black;
 font-weight: bold;
 text-decoration: underline;
 margin: 5px 0;
 }
 }
 
 @media only screen and (min-width:36em) {
 div .black-with-border {
 border: 1px solid black;
 color: black;
 font-weight: bold;
 text-decoration: underline;
 margin: 0;
 }
 
 div .black-with-border-and-margin {
 border: 1px solid black;
 color: black;
 font-weight: bold;
 text-decoration: underline;
 margin: 5px 0;
 }
 }
 EOT;
 $optimizer = new Jelle_S\CssOptimizer\CssOptimizer($css, 3);
 file_put_contents('style.min.css', $optimizer->renderMinifiedCSS());
 
 
 $optimizer = new Jelle_S\CssOptimizer\CssOptimizer($css, 3);
 file_put_contents('style.scss', $optimizer->renderSCSS());
 
 |