GFM Typescale > Inline diff > implement

Implement GitLab Flavored Markdown inline diff styles following the design specs created in gitlab-org/gitlab-services/design.gitlab.com#1076 (closed)

See parent epic for detailed information about this component.

Figma assets:

• Documentation markdown - Inline diff
• Compact markdown - Inline diff

Implementation guidelines

• The markdown typescale implementation file is in src/components/base/markdown/markdown.scss
• Add compact markdown variation as a child class selector of .gl-compact-markdown
• Use the following CSS selectors to ensure compatibility with GitLab Flavored Markdowns
  • idiff
  • idiff.deletion for deletion styles
  • idiff.addition for addition styles
• Add a demo of this component in src/components/base/markdown/markdown_typescale_demo.html.