See the Pen Piccalilli Issue #10 — User controlled dark mode by FFrancesco (@FFLAB) on CodePen.
Light level on Mozilla Docs MDN
Categorie
Light level
Categorie
Variable Fonts
[codepen_embed height=”300″ theme_id=”7998″ slug_hash=”dyPvvPw” default_tab=”css,result” user=”FFLAB”]See the Pen CSS is Awesome – Variable fonts Edition. by Mandy Michael by FFrancesco (@FFLAB) on CodePen.[/codepen_embed]
/* VARIABILI */
$coloreRosso: rgba(195, 8, 65, 0.5);
$coloreGiallo: rgba(222, 239, 11, 0.5);
div.o1{ background-color: $coloreRosso; }
div.o2{ background-color: $coloreGiallo; }
Preprocessing Sass
Con Emmet è più facile scrivere codice!
tac text-align: center; p0 padding: 0; df display: flex;
Categorie
Flexbox center
div{
display: flex;
justify-content: center;
align-items: center;
}
Categorie
Flexbox Space Around
div{
display: flex;
justify-content: space-around;
}
Categorie
Media Query
@media (max-width: 500px;) and (orientation: portrait) {
.mquery{
font-size: 1rem:
width: 100%;
}
}
Categorie
Immagini Responsive
img{
max-width: 100%;
height: auto;
}
Categorie
Background-size Cover
.cover.bassotti{
background: url(bassotto.jpg) center center no-repeat;
background-size: cover;
}