/* ========================================================================== LOS ICONOS DE TRAZO Catorce dibujos a mano alzada con curvas de Bézier. Todos comparten lienzo (64×64), grosor (1.6) y remates redondeados, para que la página entera parezca dibujada con el mismo lápiz que las reglas y los filetes. Van como `mask-image`, no como etiqueta , por una razón concreta: así el contenido de una página no tiene ni una línea de HTML a mano y cada pieza de la rejilla es un grupo con su título y su nota, editable en el editor nativo como cualquier otro bloque. El icono lo pone la clase. Para añadir uno nuevo: se copia una de estas reglas, se cambia el nombre y se pega el dibujo. Heredan el color del texto, así que no hay que tocarlos al cambiar el tema. ========================================================================== */ .fragua-elemento--circulo::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--palabra::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--escucha::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--silencio::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--cuenta::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--yunque::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--cuerpo::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--respiracion::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--cuaderno::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--mesa::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--montana::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--llave::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--fuego::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); } .fragua-elemento--reloj::before { mask-image: url('data:image/svg+xml;utf8,'); -webkit-mask-image: url('data:image/svg+xml;utf8,'); }