Sass – Les imbrications

Imbrications des règles

HTML


<div id="container">
   <ul>
       <li>
          <a href=http://google.fr target="_blank">Google</a>
       </li>
   </ul>
</div>

SCSS


#container {
   width: 200px;
   height:50px;
   border: solid red 1px;
   ul {
      position:relative;
      top:10px;
      left:30px;
      margin:0;
      list-style-type: none;
      li {
         a { 
            text-decoration: none;
            font-weight: bold;
            color: green;
            // & : représente l'élément parent
            &:hover{
                color:red;
            }
         } 
      } 
   } 
}

Jsfiddle

Publier 10 mars 2017 par Michel PIALLIER dans Sass - Les imbrications Commentaires fermés

Les variables

Définition des variables

Jsfiddle

Publier 24 février 2017 par Michel PIALLIER dans Sass - Les variables Commentaires fermés

Définition des partiels

Les partiels sont des fichiers séparés qui contiennent des lignes de code CSS ou Sass.

Ils sont référencés dans un fichier Sass principal grâce à la directive @import

Pour distinguer les partiels des autres fichiers, on préfixe leur nom avec un underscore, par exemple:

_variables.scss

Publier 28 janvier 2017 par Michel PIALLIER dans Sass - Les partiels Commentaires fermés

1 2 Next »