ffoodd

/**
 * Font-sizes
 */
html,
body,
table {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
}

ffoodd

/**
 * Spécificité accrue
 */

#main h1 { color: rebeccapurple; }
#article h1 { color: green; }

ffoodd

<?php
$path = '/home/www/7studio/www/assets/stylesheets/';
$cmd = 'find '.$path.' -iname "*.css"';

$out = array();
exec($cmd, $out);

echo '<strong>Fichiers CSS explorés</strong>';
echo '<ul>';
foreach($out as $V){

ffoodd

//
// La fonction qui fait tout
//
function flyOut() {
    var menuFlyOut = document.getElementById("flyoutaria"),
        lisFlyOut  = menuFlyOut.querySelectorAll("> ul > li");

        //
        // Motif de conception « fly-out »
        // @note Motif édité par le WAI

ffoodd

/**
 * Couleurs et variables
 */
 :root {
 	--ma-teinte: 10;
 }
body {	
	font-family: monospace;
}

ffoodd

gpOEPy

A Pen by ffoodd on CodePen.

License.

ffoodd

/**
 * Fixed and centered flex block
 */

main {
	background: lightgray;
	display: flex;
	flex: 1;
	flex-flow: row nowrap;
	justify-content: space-around;

ffoodd

/**
 * Flexbox layout
 */
*:not(html) {
	background: rgba(30, 144, 255, .5);
	color: white;
	font-family: sans-serif;
	font-weight: 700;
	padding: 1em;
	text-align:center;

ffoodd

/**
 * Flexbox layout
 */
*:not(html) {
	background: rgba(30, 144, 255, .5);
	color: white;
	font-family: sans-serif;
	font-weight: 700;
	padding: 1em;
	text-align:center;

ffoodd

/**
 * animations
 */
@keyframes descente-1 {
 	from {
 		transform: translate3d( -.5rem, -.5rem, 0 ) rotate( 5deg );
 	} to {
 		transform: none;
 	}
}