codeblock-icons/source-default.scss at main · snappercord/codeblock-icons · 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
@import 'langs';

code.hljs:not([class$='hljs']) {
   padding: 0px;


   &>.powercord-codeblock-lang {
      display: flex;

      padding: 0px;

      margin-bottom: 0px;

        &::before {
         padding: 2px 10px 0px 10px;

         content: "";

         background: var(--cbi-icon) center/70% no-repeat;
         background-size: 15px;
         background-position: 6px 2px;

         border-right: 1px solid rgba(0, 0, 0, 0.2);

         margin-right: 6px;
      }
   }
   &>table {
      margin-left: 7px;
   }
}

code.hljs { --cbi-icon: #{svg('./icons/vscode-material-icon-theme/icons/file.svg')}; }

@each $name, $data in $langs {
   $icon: map_get($data, icon);

   @if ($icon != 'false') {
      $selector: "";

      @each $i, $class in map_get($data, classes) {
         $proceeding: "";
         @if ($i != 0) { $proceeding: ","; }

         $selector: $selector + $proceeding + "code.hljs." + $class;
      }

      #{$selector} { --cbi-icon: #{svg("./icons/" + $icon + ".svg")}; };
   }
}