aboutsummaryrefslogtreecommitdiffhomepage
path: root/sass/_zola.scss
blob: 592b893a60b0be06be272b54a1a8d263d80d2b34 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
// -- 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;
}