• 15 hours
  • Medium

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 8/6/20

Révisez les techniques intermédiaires et outils de Sass

Log in or subscribe for free to enjoy all this course has to offer!

Evaluated skills

  • Créer du code maintenable grâce aux techniques Sass intermédiaires

Description

À vous de jouer en répondant aux questions de ce quiz !

Bonne chance !

  • Question 1

    .btn{
    color: #0c2461;
    font-size: 2rem;
    }
    .article{
    color: #0c2461;
    background-color: #fff;
    }

    Vous souhaitez refactoriser le code ci-dessus, pour cela vous voulez stocker la couleur  #0c2461  dans une variable pour pouvoir la réutiliser plusieurs fois dans votre code. Qu’allez-vous écrire ?

     

    • $blue = #0c2461;

       

    • $colour = b;

    • pink = $#0c2461;

    • $blue: #0c2461;

  • Question 2

    $blue-border: border: solid 5px #0c2461;

    En partant du code ci-dessus, que se passe-t-il si je déclare une variable comme celle-ci pour stocker border et l’appliquer sur un sélecteur  .btn  ?

    • Une erreur de compilation

    • Le bouton aura une bordure bleue

    • Le bouton n’aura pas de bordure

  • Question 3

    En reprenant le code de l’exercice précédent :

    $blue-border: border: solid 5px #0c2461;

    Si vous créez la mixin appropriée pour contenir  border  et que vous l’appelez  blue-border, quelle serait la bonne écriture parmi les suivantes ?

    • $blue-border: border: solid 5px #0c2461;
    • @mixin $blue-border: border: solid 5px #0c2461;
    • @mixin blue-border {
      border: solid 5px #0c2461;
      }
    • @mixin $blue-border {
      border: solid 5px #0c2461;
      }