iamvdo

/*
 * CSS et SVG
 */

svg{
	fill: gray;
}

rect{
	fill: red;

iamvdo

.container {
  font-size: small;
  width: 98%; 
  height: 100%; 
  display: -ms-grid;
  -ms-grid-columns: 1fr 1fr 1fr; 
  -ms-grid-rows: 1fr 1fr 1fr;
}
.exclusion {

iamvdo

/**
 * Transitions sur pseudo-element
 */

html{
font-family: sans-serif;
font-size:1em;
background:#eee;
}
ul{

iamvdo

/**
 * text-transform:underline w/ different color
 */

p{
text-decoration:underline;
text-decoration: red dotted underline;
}

iamvdo

/**
 * Transitions sur pseudo-element
 */

html{
font-family: sans-serif;
font-size:1.05em;
background:#eee;
}
ul{

iamvdo

/**
 * Transitions sur pseudo-element
 */

html{
font-family: sans-serif;
font-size:1.05em;
background:#eee;
}
ul{

iamvdo

/**
 * New design:Transitions sur pseudo-element
 */

html{
font-family: sans-serif;
font-size:1.05em;
background:#eee;
}

iamvdo

html{background:#eee;}
div{margin:100px;}
div:before{
    content: '';
    position:absolute;
    z-index:5;
    width: 130px;
    height: 30px;

iamvdo

/**
 * Grid Layout
 */
 
body{
display:-webkit-grid;
grid-columns:200px 200px;
grid-rows:200px 200px;
}
div{width:100px;height:100px; background:red;}

iamvdo

/**
  * Famille générique
  */
html{background:#fff;}
p{font:10em serif;}
b{padding:.4em;}
b:nth-child(2){font-family:sans-serif;}
b:nth-child(3){font-family:monospace;}
b:nth-child(4){font-family:cursive;}