altinn-designsystem/dist/fonts/icons/ai/css/less/mixins.less

Altinn Design system based on Pattern Lab.

// Mixins
// --------------------------

.ai-icon() {
  display: inline-block;
  font: normal normal normal @ai-font-size-base/@ai-line-height-base "AltinnNo";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ai-icon-rotate(@degrees, @rotation) {
  filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation)";
  -webkit-transform: rotate(@degrees);
  -ms-transform: rotate(@degrees);
  transform: rotate(@degrees);
}

.ai-icon-flip(@horiz, @vert, @rotation) {
  filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1)";
  -webkit-transform: scale(@horiz, @vert);
  -ms-transform: scale(@horiz, @vert);
  transform: scale(@horiz, @vert);
}