src/code.css


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
45
46
47
48
49
50
51
52

.cdata {
  /* <code>:wrap */
  & pre {
    @apply rounded;
  }

   /* <code>:block */
  & pre > code {
    @apply block p-4 whitespace-pre break-normal;
    @apply overflow-auto subpixel-antialiased;

    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: none;
    &::-webkit-scrollbar {
      @apply hidden;
    }
  }

  /* <code>:inline */
  & :not(pre) > code {
    @apply rounded-sm align-baseline whitespace-normal;
    padding: .1rem .25rem;
  }

  /* <code>:shared */
  & pre > code,
  & :not(pre) > code {
    @apply font-mono font-normal leading-normal text-left text-base;

    direction: ltr;
    hyphens: none;
    tab-size: 2;
    letter-spacing: normal;
    word-spacing: normal;
  }

  /* line numbers */
  & .highlight code .ln {
    @apply mr-4;
  }

  /* highlight line */
  & .highlight code .hl {
  }

  @screen sm {
    & pre > code,
    & :not(pre) > code {
      @apply text-sm;
    }
  }
}