Esempio n. 1
0
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Labeling test</title>
		<?php 
include '../inc/turbine.php';
turbine('../css.php', array('tests/labeling.cssp'), 'html');
?>
	</head>
	<body>
		<h1>Expected output</h1>
		<pre>@media print {
	#pleasedontwork {
		border: 1px solid blue;
	}
}
@media screen {
	#some #deep #nesting #foo {
		color: red;
	}
	#bar { /* Inherited properties from: "#some #deep #nesting #foo" */
		background: green;
		color: red;
	}
	#baz {
		font-weight: bold;
	}
	#test1 { /* Inherited properties from: "#some #deep #nesting #foo" */
		color: red;
	}
Esempio n. 2
0
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Bugfix plugin test</title>
		<?php 
include '../inc/turbine.php';
turbine('../css.php', array('tests/bugfixes.cssp'), 'html');
?>
	</head>
	<body>
		<h1>:hover</h1>
		<p><img src="bugfixes.png"></p>
	</body>
</html>
Esempio n. 3
0
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Box shadow test</title>
		<?php 
include '../inc/turbine.php';
turbine('../css.php', array('tests/boxshadow.cssp'), 'html');
?>
	</head>
	<body>
		<div class="softoffset1">Soft shadow with offset, drop shadow filter in IE</div>
		<div class="softnooffset1">Soft shadow without offset, glow filter in IE</div>
		<div class="hardoffset1">Hard shadow with offset, shadow filter in IE</div>
		<div class="hardnooffset1">Hard shadow without offset, deactivating filters in IE</div>
		<br style="clear:both">
		<div class="rgb">RGB</div>
		<div class="rgba">RGBA</div>
		<div class="hsl">HSL</div>
		<div class="hsla">HSLA</div>
	</body>
</html>