Code Snippet

Default

Supported languages: Markup / HTML / SVG / CSS / JavaScript / Git / AsciiDoc / Bash + Shell / JSON / SCSS / Liquid / Markdown / TOML / Twig / YAML

Inline Code

This is an $ inline code example, styled to match the large code block snippets.

Code Blocks

<a href="#" class="pf-m-link">demo link</a>

.rhddx-frontend {
  font-family: Roboto;
}

div.code-toolbar > .toolbar .toolbar-item {
  button.pf-c-button.pf-m-control {
    padding: 8px 20px;
    background-color: #fff;
    border: 2px solid;
    border-color: #f0f0f0;
    border-bottom-color: #212121;
    margin-top: 2px;
    &::before {
      content: "\f0c5";
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      color: #151515;
    }
    &:focus,
    &:active {
      border-bottom-color: #0159C2;
    }
  }
}

var _self

NODE_VERSION: 10.16.0
NPM_VERSION: 6.13.2
RUBY_VERSION: 2.6.3

{
  "name": "design-manual",
  "version": "1.0.0",
  "description": "Documentation and source files for RHD brand standards & design systems.",
  "main": "index.js",
  "engines": {
    "node": ">=10.10.0"
  }
}

[build]
  base = "/"
  publish = "_site"
  command = "npm run deployment"

$ echo "Submodule is empty/missing"

Embedded GitHub Gist

Embedded CodePen

See the Pen Card example by Adam Jolicoeur (@mindreeper2420) on CodePen.

Edit this page -->