@use "@styles/abstracts/functions" as fun; @use "@styles/abstracts/variables" as var; h1 { font-size: var(--font-size-3xl); } h2 { font-size: var(--font-size-2xl); } h3 { font-size: var(--font-size-xl); } h4 { font-size: var(--font-size-lg); } h5 { font-size: var(--font-size-md); font-weight: 600; } h6 { font-size: var(--font-size-md); } h1, h2, h3, h4, h5, h6 { color: var(--color-primary-dark); font-family: var(--font-family-secondary); font-weight: 500; letter-spacing: 0.01ex; margin: 0 0 var(--spacing-sm); * + { h2, h3, h4, h5, h6 { margin-top: var(--spacing-md); } } } p { font-size: var(--font-size-md); margin: 0 0 var(--spacing-sm); } small { font-size: var(--font-size-sm); } ol { list-style-type: none; counter-reset: li; padding: 0; > li { display: table; counter-increment: li; &::before { content: counters(li, ".") ". "; color: var(--color-secondary); display: table-cell; padding-right: var(--spacing-2xs); } } li ol > li::before { content: counters(li, ".") ". "; } } ul, ol { li { margin-bottom: var(--spacing-2xs); &:last-child { margin-bottom: 0; } } ::marker { color: var(--color-secondary); } } ul { padding-left: var(--spacing-sm); } dl { display: flex; flex-flow: row wrap; gap: var(--spacing-2xs); } ul, ol, dl { margin: var(--spacing-md) 0; & & { margin: var(--spacing-2xs) 0 0; } } dt { flex: 0 0 max-content; font-weight: 600; } dd { flex: 0 0 auto; margin: 0; } a { background: linear-gradient( to top, var(--color-primary) 50%, var(--color-bg) 50% ) 0 0 / 100% 200% no-repeat; color: var(--color-primary); text-decoration-thickness: 13%; text-underline-offset: 20%; transition: all 0.3s linear 0s, text-decoration 0.18s ease-in-out 0s; &:hover { color: var(--color-primary-light); text-decoration-thickness: 23%; } &:focus { background-position: 0 100%; color: var(--color-fg-inverted); } &:active { background-position: 0 0; color: var(--color-primary-dark); text-decoration-thickness: 18%; } &[hreflang], &.external { grid-template-columns: minmax(0, 1fr) fun.convert-px(50); &::after { display: inline-flex; flex-flow: row nowrap; width: fun.convert-px(14); margin-right: 0.5ex; font-size: var(--font-size-sm); } } &.external { &::after { content: "\0000a0"url(fun.encode-svg('')); } } &[hreflang] { &::after { content: "\0000a0["attr(hreflang) "]"; text-decoration: none; } &.external { &::after { content: "\0000a0["attr(hreflang) "]\0000a0"url(fun.encode-svg( '' )); margin-right: 4.5ex; } } } } button, input, optgroup, select, textarea { line-height: var(--line-height); } code, kbd, pre, var { font-family: var(--font-family-mono); } :not(pre) > code { background: var(--color-bg-secondary); border: fun.convert-px(1) solid var(--color-border-lighter); border-radius: fun.convert-px(3); color: var(--color-primary-darker); padding: fun.convert-px(2) fun.convert-px(5) fun.convert-px(1) fun.convert-px(5); } pre { display: block; max-width: 100%; overflow: auto; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; } figure { margin: var(--spacing-md) 0; } figcaption { margin-top: var(--spacing-xs); font-size: var(--font-size-sm); text-align: center; } d='n33' href='#n33'>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 120 121

(function (Prism) {
  // https://yaml.org/spec/1.2/spec.html#c-ns-anchor-property
  // https://yaml.org/spec/1.2/spec.html#c-ns-alias-node
  var anchorOrAlias = /[*&][^\s[\]{},]+/;
  // https://yaml.org/spec/1.2/spec.html#c-ns-tag-property
  var tag =
    /!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/;
  // https://yaml.org/spec/1.2/spec.html#c-ns-properties(n,c)
  var properties =
    '(?:' +
    tag.source +
    '(?:[ \t]+' +
    anchorOrAlias.source +
    ')?|' +
    anchorOrAlias.source +
    '(?:[ \t]+' +
    tag.source +
    ')?)';
  // https://yaml.org/spec/1.2/spec.html#ns-plain(n,c)
  // This is a simplified version that doesn't support "#" and multiline keys
  // All these long scarry character classes are simplified versions of YAML's characters
  var plainKey =
    /(?:[^\s\x00-\x08\x0e-\x1f!"#%&'*,\-:>?@[\]`{|}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]|[?:-]<PLAIN>)(?:[ \t]*(?:(?![#:])<PLAIN>|:<PLAIN>))*/.source.replace(
      /<PLAIN>/g,
      function () {
        return /[^\s\x00-\x08\x0e-\x1f,[\]{}\x7f-\x84\x86-\x9f\ud800-\udfff\ufffe\uffff]/
          .source;
      }
    );
  var string = /"(?:[^"\\\r\n]|\\.)*"|'(?:[^'\\\r\n]|\\.)*'/.source;

  /**
   *
   * @param {string} value
   * @param {string} [flags]
   * @returns {RegExp}
   */
  function createValuePattern(value, flags) {
    flags = (flags || '').replace(/m/g, '') + 'm'; // add m flag
    var pattern =
      /([:\-,[{]\s*(?:\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|\]|\}|(?:[\r\n]\s*)?#))/.source
        .replace(/<<prop>>/g, function () {
          return properties;
        })
        .replace(/<<value>>/g, function () {
          return value;
        });
    return RegExp(pattern, flags);
  }

  Prism.languages.yaml = {
    scalar: {
      pattern: RegExp(
        /([\-:]\s*(?:\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)\S[^\r\n]*(?:\2[^\r\n]+)*)/.source.replace(
          /<<prop>>/g,
          function () {
            return properties;
          }
        )
      ),
      lookbehind: true,
      alias: 'string',
    },
    comment: /#.*/,
    key: {
      pattern: RegExp(
        /((?:^|[:\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)<<key>>(?=\s*:\s)/.source
          .replace(/<<prop>>/g, function () {
            return properties;
          })
          .replace(/<<key>>/g, function () {
            return '(?:' + plainKey + '|' + string + ')';
          })
      ),
      lookbehind: true,
      greedy: true,
      alias: 'atrule',
    },
    directive: {
      pattern: /(^[ \t]*)%.+/m,
      lookbehind: true,
      alias: 'important',
    },
    datetime: {
      pattern: createValuePattern(
        /\d{4}-\d\d?-\d\d?(?:[tT]|[ \t]+)\d\d?:\d{2}:\d{2}(?:\.\d*)?(?:[ \t]*(?:Z|[-+]\d\d?(?::\d{2})?))?|\d{4}-\d{2}-\d{2}|\d\d?:\d{2}(?::\d{2}(?:\.\d*)?)?/
          .source
      ),
      lookbehind: true,
      alias: 'number',
    },
    boolean: {
      pattern: createValuePattern(/false|true/.source, 'i'),
      lookbehind: true,
      alias: 'important',
    },
    null: {
      pattern: createValuePattern(/null|~/.source, 'i'),
      lookbehind: true,
      alias: 'important',
    },
    string: {
      pattern: createValuePattern(string),
      lookbehind: true,
      greedy: true,
    },
    number: {
      pattern: createValuePattern(
        /[+-]?(?:0x[\da-f]+|0o[0-7]+|(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?|\.inf|\.nan)/
          .source,
        'i'
      ),
      lookbehind: true,
    },
    tag: tag,
    important: anchorOrAlias,
    punctuation: /---|[:[\]{}\-,|>?]|\.\.\./,
  };

  Prism.languages.yml = Prism.languages.yaml;
})(Prism);