Algunos trucos CSS y SASS

CSS
SASS

Post en proceso de elaboración

Autor

Pedro J. Pérez

Fecha de Publicación

6 de febrero de 2023

Fecha de modificación

25 de junio de 2023

1 Intro (post in progress)

El último día quiero practicar algunos trucos para tunear. Por ejemplo

  • Aquí un archivo .scss de Mine. Pone en el yaml: linkcolor: “#866fa3”1 y luego lo referencia en el archivo .scss para hacer que los links se hagan más tenues y se subrayen cuando estás sobre ellos2.
$hover-color: lighten($link-color, 40%);

a{
  color: $link-color;
  text-decoration: none;
  
  &:hover{
    color: $hover-color;
    border-bottom: 1px solid $hover-color;
  }
  
}

Notas

  1. Es el color “Glossy Grape”↩︎

  2. Para mi gusto se atenúan demasiado, igual en lugar de un 40% hay que poner otro %↩︎

Reutilizar