Human Talks Nantes, par @jutanguy
p::first-letter {
initial-letter: 4;
color: #FE742F;
font-weight: bold;
margin-right: 0.5em;
}
@supports (initial-letter: 4) {
p::first-letter {
initial-letter: 4;
color: #FE742F;
font-weight: bold;
margin-right: 0.5em;
}
}
.vertical-center {
display: flex;
align-items: center;
}
.equal-height-cols-container {
display: flex;
align-items: stretch;
}
.container {
display: flex;
align-items: stretch;
}
.container > aside {
flex: 1 0 300px;
}
.container > section {
flex: 2 1 auto;
}
:root {
--main-bg-color: blue;
}
body {
background-color: var(--main-bg-color);
}
$sass-primary-color: #fff;
@less-primary-color: #beeeef;
.wrapper {
display: grid;
grid-template-columns: 1fr 1fr 2fr 2fr 100px;
grid-gap: 10px;
}
.box {
/* basic styles */
}
.box2 {
grid-column: 3 / span 2;
grid-row: 2 / span 2;
}
/* Theory */
background: -webkit-linear-gradient(#fff, #000);
background: -moz-linear-gradient(#fff, #000);
background: -ms-linear-gradient(#fff, #000);
background: -o-linear-gradient(#fff, #000);
background: linear-gradient(#fff, #000);
/* Practice */
background: -webkit-linear-gradient(#fff, #000);
.version-2009 {
display: -webkit-box;
-webkit-box-orient: vertical;
}
.version-2012 {
display: flexbox;
}
.current {
display: flex;
}