Mois : octobre 2015

[CSS] Cibler le premier élément d’une liste qui possède une certaine classe parmi ses frères.

29/10/2015 / admin

Source : CSS select first element with a certain class;

li {
    margin: 10px;
}

.different {
    border: 1px solid tomato;
    margin-top: 60px;    
}

.different ~ .different {
    margin-top: 0;
}

li {

margin: 10px;

}

.different {

border: 1px solid tomato;

margin-top: 60px;

}

.different ~ .different {

margin-top: 0;

}

<ul>
    <li>dzsqf lqhg h</li>
    <li>dzsqf lqhg h</li>
    <li>dzsqf lqhg h</li>
    <li>dzsqf lqhg h</li>
    <li>dzsqf lqhg h</li>
    <li class="different">dzsqf lqhg h</li> 
    <li class="different">dzsqf lqhg h</li>
    <li class="different">dzsqf lqhg h</li>
    <li class="different">dzsqf lqhg h</li>     
</ul>

<ul>

<li>dzsqf lqhg h</li>

<li class="different">dzsqf lqhg h</li>

</ul>

[LESS][Mixin] Concatener des chaînes de caractères

06/10/2015 / admin

Source : Concatenate strings in LESS.

Dans mon exemple, je charge différentes variations de la même police (MuseoSansRounded300,500,700 et 900) et je souhaite créer un mixin dont l’argument me permettra de choisir quelle variante je souhaite utiliser pour une classe CSS donnée.

.museo-variant(@weight){
  @filename-root: MuseoSansRounded;
  font-family: '@{filename-root}@{weight}';
  font-weight: normal;
}

.museo-variant(@weight){

@filename-root: MuseoSansRounded;

font-family: '@{filename-root}@{weight}';

font-weight: normal;

}

Articles récents

Catégories

Archives

Méta

Mois : octobre 2015

[CSS] Cibler le premier élément d’une liste qui possède une certaine classe parmi ses frères.

[LESS][Mixin] Concatener des chaînes de caractères