Prism.languages.twig = { comment: /^\{#[\s\S]*?#\}$/, 'tag-name': { pattern: /(^\{%-?\s*)\w+/, lookbehind: true, alias: 'keyword', }, delimiter: { pattern: /^\{[{%]-?|-?[%}]\}$/, alias: 'punctuation', }, string: { pattern: /("|')(?:\\.|(?!\1)[^\\\r\n])*\1/, inside: { punctuation: /^['"]|['"]$/, }, }, keyword: /\b(?:even|if|odd)\b/, boolean: /\b(?:false|null|true)\b/, number: /\b0x[\dA-Fa-f]+|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee][-+]?\d+)?/, operator: [ { pattern: /(\s)(?:and|b-and|b-or|b-xor|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/, lookbehind: true, }, /[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/, ], punctuation: /[()\[\]{}:.,]/, }; Prism.hooks.add('before-tokenize', function (env) { if (env.language !== 'twig') { return; } var pattern = /\{(?:#[\s\S]*?#|%[\s\S]*?%|\{[\s\S]*?\})\}/g; Prism.languages['markup-templating'].buildPlaceholders(env, 'twig', pattern); }); Prism.hooks.add('after-tokenize', function (env) { Prism.languages['markup-templating'].tokenizePlaceholders(env, 'twig'); }); The frontend of my personal website.Armand Philippot
summaryrefslogtreecommitdiffstats
path: root/src/components/Notice/Notice.module.scss
blob: aa7175c810085ac56ba4f4d0313c92650c91bf27 (plain) 
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

@use "@styles/abstracts/functions" as fun;

.message {
  border: fun.convert-px(2) solid;
  font-weight: bold;
  margin: var(--spacing-sm) auto;
  padding: var(--spacing-2xs) var(--spacing-xs);

  &--error {
    border-color: var(--color-token-red);
    color: var(--color-token-red);
  }

  &--info {
    border-color: var(--color-token-blue);
    color: var(--color-token-blue);
  }

  &--success {
    border-color: var(--color-token-green);
    color: var(--color-token-green);
  }

  &--warning {
    border-color: var(--color-token-orange);
    color: var(--color-token-orange);
  }
}
generated by cgit v1.2.3 (git 2.39.1) at 2025-10-29 06:19:18 +0000