Grayscale Filter for Images

img,
object[type^="image/"],
svg {
    filter: grayscale(1);
}

How to integrate CSS-Styles in adoc Studio

  1. Create a new product style (recommended)

  • Duplicate an existing product style

  • Integrate the new CSS code into the duplicated stylesheet

This variant ensures a consistent appearance and simplifies subsequent changes, as all documents use the same centrally maintained style.

  1. Project-specific stylesheet

  • Create a styles.css file in the project.

  • Above the document title of each AsciiDoc document concerned, write the line

:stylesheet: styles.css

Learn more in our CSS documentation in the user manual.

ISO-Ready Signs (ISO 7010 & 3864)

Previous

Table with rounded corners

Next