prism-t4-vb.min.js « prism « public - www.armandphilippot.com - The frontend of my personal website.

summary refs log tree commit diff stats

path: root/public/prism/prism-t4-vb.min.js

blob: 7571b112a963dcce9449e8532ebe615d36a4c4e3 (plain)

1	`Prism.languages['t4-vb'] = Prism.languages['t4-templating'].createT4('vbnet');`

ngle */ .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 */

/// Draw borders around an element.
%draw-borders {
  background-image: linear-gradient(
      to right,
      var(--draw-border-color2),
      var(--draw-border-color1)
    ),
    linear-gradient(
      to bottom,
      var(--draw-border-color1),
      var(--draw-border-color2)
    ),
    linear-gradient(
      to left,
      var(--draw-border-color2),
      var(--draw-border-color1)
    ),
    linear-gradient(
      to top,
      var(--draw-border-color1),
      var(--draw-border-color2)
    );
  background-position: top left, top right, bottom right, bottom left;
  background-repeat: no-repeat;
  background-size: 100% var(--draw-border-thickness),
    var(--draw-border-thickness) 100%, 100% var(--draw-border-thickness),
    var(--draw-border-thickness) 100%;
  color: var(--draw-border-color1);

  :global {
    animation: draw-borders 0.8s linear 1 0s;
  }
}