Modificações no link hover

Olá diamantes ! Vou passar a postar às terças e sextas.

Hoje trago um tutorial, que permite alterar o link hover (em vez de ter sublinhado, pode ter negrito, itálico...)

Primeiro, procure por a:hover {

O código que irá aparecer será este :

a:hover {

  text-decoration:underline;

  color: $(link.hover.color);

}

1 - Se quiser negrito troque o "underline" por bold.

2 - Se quiser itálico troque o "underline" por none e acrescente antes de fechar a chave font-style:italic;

3 - Se quiser um sublinhado personalizado, coloque o seguinte código abaixo de text-decoration:underline;

border-bottom: 1px dashed #9370DB; Edite como quiser.

4 - Se quiser um fundo, coloque por baixo de text-decoration:underline; o seguinte código : 

background-color: #000000;

5 - Se quiser sem nada, troque o "underline" por none.

6 - Se quiser riscado,  coloque em vez do "underline"o seguinte código : line-through;

7 - Se quiser com e s p a ç a m e n t o é só colocar em vez de "underline" none e colocar antes da chave fechar letter-spacing: 2px; 

Se quiser meter também nos títulos dos posts e na sidebar, vá pesquisando "hover" e altere tudo como quiser.

Espero que tenham gostado !