287 líneas de Css, ajustes aquí y allá

He estado haciendo ajustes en distintas partes de la web.

En los listados de posts he dado algo de espacio entre ellos y he colocado, mediante css, la fecha entes del titular, me parece un dato relevante.

He migrado el contenido de la pagina de enlaces de un archivo .markdown a un archivo .json para poder jerarquizar mejor la información y he dejado desplegados todos los <detail> para que se puede usar la búsqueda integrada en el navegador.

En el <header> he reducido el tamaño del logotipo para que se integre mejor con el menú de navegación.

El layout del site lo he montado sobre la etiqueta body para poder separar el logotipo visualmente cuando la ventana lo permita, no es una idea que me apasione, pero la premisa de mantener el código lo más simple posible ha primado sobre la alternativa y empezar a crear contenedores para cada landmark.

He tenido algunos problemas al intentar incrementar el tamaño de letra en toda la web, ya que al declarar las "@media queires" y el grid con valores relativos (rem, ch) grid-template-columns: 40px 60ch; se producían algunos desbordamientos del contenido, tendré que ver como solventarlo.

He seguido borrando clases, abandonando la metodología de clases únicas para cada elemento por justo todo lo contrario, clases genéricas heredadas. He creado más variables css, de color y transiciones para :hover

:root {
    --transition-link: .3s;
}

He dado formato a los <bloquote> que empleo para citar y mostrar mensajes como el de mensaje obsoleto, que aparece cuando un post lleva publicado más de dos años sin actualizaciones.

Y por último y a raíz de este video he estado experimentando un poco con color-scheme: light dark; y el modo nativo en cada uno de los navegadores, donde Firefox gana la partida.