docusaurus-theme-nonepress/packages/theme-nonepress/src/theme/CodeBlock/styles.css at f7609817ffe4b49cd20b6182d4670c91a207ec36 · nonebot/docusaurus-theme-nonepress · GitHub

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
@reference "../../styles.css";
.code-block {
  &-container {
    color: var(--prism-color);
    background-color: var(--prism-background-color);

    @apply relative w-full max-w-full h-auto overflow-hidden my-4;
    @apply rounded-box leading-6;
    @apply transition-[color,background-color] duration-500;
  }

  &-title {
    @apply relative w-full px-16 pt-2;

    &-btn-group {
      @apply absolute left-4;
    }

    &-btn {
      @apply inline-block h-3 w-3 rounded-full;

      &:not(:last-child) {
        @apply mr-1;
      }

      &-error {
        @apply bg-error;
      }

      &-warning {
        @apply bg-warning;
      }

      &-success {
        @apply bg-success;
      }
    }

    &-content {
      @apply w-full text-center align-bottom font-medium inline-block truncate;
    }
  }

  &-wrapper {
    @apply relative w-full;
  }

  &-content {
    @apply overflow-auto w-full;
  }

  &-content > &-lines {
    @apply block min-w-full p-4 float-left;

    @media print {
      @apply whitespace-pre-wrap;
    }

    &-with-number {
      display: table !important;

      @apply !px-0;
    }
  }

  &-line {
    &-with-number {
      counter-increment: line;

      @apply !table-row;
    }

    &-number {
      overflow-wrap: normal;

      /* background-color: var(--prism-background-color); */

      @apply table-cell sticky left-0 text-right px-4 select-none w-[1%];

      &::before {
        content: counter(line);

        @apply opacity-50;

        .theme-code-block-highlighted-line > & {
          @apply opacity-80;
        }
      }
    }

    &-content {
      @apply table-cell pr-4;
    }

    &.theme-code-block-highlighted-line {
      @apply block px-4 -mx-4 bg-base-content/10;
    }
  }

  &-btn-group {
    @apply absolute right-2 top-2 flex flex-row gap-x-2;
  }

  &-btn {
    @apply transition text-base-content;
    @apply opacity-0 group-hover:opacity-50 hover:!opacity-100 focus-visible:!opacity-100;
    @apply bg-transparent hover:bg-transparent focus-visible:bg-transparent;
    @apply border border-base-content hover:!border-base-content focus-visible:!border-base-content;

    &-active {
      @apply text-success;
      @apply border-success hover:!border-success focus-visible:!border-success;
    }

    &-icon {
      @apply w-4 h-4 fill-current;
    }
  }
}