project.module.scss « pages « styles « src - www.armandphilippot.com - The frontend of my personal website.

about summary refs log tree commit diff stats

path: root/src/styles/pages/project.module.scss

blob: 3b1b5ccfcecc14e9b3401487cab1443993ba6812 (plain)

@use "@styles/abstracts/mixins" as mix;

.widget {
  @include mix.media("screen") {
    @include mix.dimensions("md") {
      width: min-content;
      gap: var(--spacing-2xs);
    }
  }
}

{ color: #3333bb; background-color: #fff0f0 } /* Literal.String.Interpol */ .highlight .sx { color: #22bb22; background-color: #f0fff0 } /* Literal.String.Other */ .highlight .sr { color: #008800; background-color: #fff0ff } /* Literal.String.Regex */ .highlight .s1 { color: #dd2200; background-color: #fff0f0 } /* Literal.String.Single */ .highlight .ss { color: #aa6600; background-color: #fff0f0 } /* Literal.String.Symbol */ .highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #336699 } /* Name.Variable.Class */ .highlight .vg { color: #dd7700 } /* Name.Variable.Global */ .highlight .vi { color: #3333bb } /* Name.Variable.Instance */ .highlight .vm { color: #336699 } /* Name.Variable.Magic */ .highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */

(function (Prism) {
  var stringPattern = /(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;
  var numberPattern = /\b\d+(?:\.\d+)?(?:[eE][+-]?\d+)?\b|\b0x[\dA-F]+\b/;

  Prism.languages.soy = {
    comment: [
      /\/\*[\s\S]*?\*\//,
      {
        pattern: /(\s)\/\/.*/,
        lookbehind: true,
        greedy: true,
      },
    ],
    'command-arg': {
      pattern:
        /(\{+\/?\s*(?:alias|call|delcall|delpackage|deltemplate|namespace|template)\s+)\.?[\w.]+/,
      lookbehind: true,
      alias: 'string',
      inside: {
        punctuation: /\./,
      },
    },
    parameter: {
      pattern: /(\{+\/?\s*@?param\??\s+)\.?[\w.]+/,
      lookbehind: true,
      alias: 'variable',
    },
    keyword: [
      {
        pattern:
          /(\{+\/?[^\S\r\n]*)(?:\\[nrt]|alias|call|case|css|default|delcall|delpackage|deltemplate|else(?:if)?|fallbackmsg|for(?:each)?|if(?:empty)?|lb|let|literal|msg|namespace|nil|@?param\??|rb|sp|switch|template|xid)/,
        lookbehind: true,
      },
      /\b(?:any|as|attributes|bool|css|float|html|in|int|js|list|map|null|number|string|uri)\b/,
    ],
    delimiter: {
      pattern: /^\{+\/?|\/?\}+$/,
      alias: 'punctuation',
    },
    property: /\w+(?==)/,
    variable: {
      pattern: /\$[^\W\d]\w*(?:\??(?:\.\w+|\[[^\]]+\]))*/,
      inside: {
        string: {
          pattern: stringPattern,
          greedy: true,
        },
        number: numberPattern,
        punctuation: /[\[\].?]/,
      },
    },
    string: {
      pattern: stringPattern,
      greedy: true,
    },
    function: [
      /\w+(?=\()/,
      {
        pattern: /(\|[^\S\r\n]*)\w+/,
        lookbehind: true,
      },
    ],
    boolean: /\b(?:false|true)\b/,
    number: numberPattern,
    operator: /\?:?|<=?|>=?|==?|!=|[+*/%-]|\b(?:and|not|or)\b/,
    punctuation: /[{}()\[\]|.,:]/,
  };

  // Tokenize all inline Soy expressions
  Prism.hooks.add('before-tokenize', function (env) {
    var soyPattern = /\{\{.+?\}\}|\{.+?\}|\s\/\/.*|\/\*[\s\S]*?\*\//g;
    var soyLitteralStart = '{literal}';
    var soyLitteralEnd = '{/literal}';
    var soyLitteralMode = false;

    Prism.languages['markup-templating'].buildPlaceholders(
      env,
      'soy',
      soyPattern,
      function (match) {
        // Soy tags inside {literal} block are ignored
        if (match === soyLitteralEnd) {
          soyLitteralMode = false;
        }

        if (!soyLitteralMode) {
          if (match === soyLitteralStart) {
            soyLitteralMode = true;
          }

          return true;
        }
        return false;
      }
    );
  });

  // Re-insert the tokens after tokenizing
  Prism.hooks.add('after-tokenize', function (env) {
    Prism.languages['markup-templating'].tokenizePlaceholders(env, 'soy');
  });
})(Prism);