path: root/sass/_zola.scss

// -- zola syntax highlighting (https://www.getzola.org/documentation/content/syntax-highlighting/#styling-codeblocks)

// -- Code Block WITHOUT Line Number -------------------------------------------

pre {
  padding: 0.5rem;
  overflow: auto;
}

// -- Code Block WITH Line Number ----------------------------------------------

// The <pre> block for blocks with line numbers (get data-linenos attribute).
//
// The line numbers already provide some kind of left/right padding. Hence only
// apply top-bottom padding and overwrite left-write padding inherited from the
// *pre* style block above.
pre[data-linenos] {
  padding: 0.5rem 0;
}

// The line number cells (column 1).
pre table td:nth-of-type(1) {
  text-align: center;
  user-select: none;
  padding: 0 0.5rem;
}

// The source code cells (column 2).
pre table td {
  padding: 0;
}

// Highlighted line style.
pre mark {
  // If you want your highlights to take the full width.
  display: block;
  // The default background colour of a mark is bright yellow
  background-color: rgba(254, 252, 232, 0.9);
}

pre table {
  width: 100%;
  border-collapse: collapse;
}