J'ai lu via la documentation SASS et je ne peux trouver que comment faire une requête multimédia à l'aide de la syntaxe SCSS au lieu de la syntaxe SASS (SASS est celle qui a un espace blanc strict sans bretelles bouclées ou point-virgule). Comment faites-vous une requête de média utilisant Sass Syntax?
3 Réponses :
@media screen and (min-height: 500px)
body
margin-top: 100px
Je préfère l'appliquer uniquement dans certaines propriétés par exemple
.jumbotron h1.pickup
@include LATO
font-size: 50px
color: white !important
@media (max-width: 767px)
font-size: 36px
@media (max-width: 500px)
font-size: 30px
Cela ressemble à un endroit idéal pour utiliser des mélanges Sass.
Vous pouvez utiliser le SASSE @Content pour charger tout à l'intérieur de tout dans "Supports" (dans mon cas dans les index de déclaration d'utilisation de mixin)
Ici, vous avez la structure de mixage Sass que j'utilise pour la manipulation de la requête des médias. Il est écrit de manière à vous donner la liberté de mise en œuvre.
Vous pouvez faire un préréglage de configuration personnalisé et l'utiliser si c'est ce que vous voulez ou que vous pouvez la personnaliser comme vous voulez. Même que vous pouvez trouver de nombreux gestionnaires de mixines de requête multimédias différents, je préfère personnellement injecter des valeurs dans les mélanges plutôt que de les définir dans la structure de mélange.
C'est à cause de quelques raisons. Nous pouvons cibler une largeur ou une hauteur spécifique à un périphérique, ou nous pourrions simplement essayer de le rendre bien sans largeur d'arrêt. Parfois, cela est tout simplement plus pratique et une meilleure solution, c'est pourquoi nous avons besoin d'un mixin qui nous donne une flexibilité totale.
_variables.sass main.sass