styleMock.js « __mocks__ « jest « tests - www.armandphilippot.com - The frontend of my personal website.

about summary refs log tree commit diff stats

path: root/tests/jest/__mocks__/styleMock.js

blob: f053ebf7976e3726d11f3c03fade2170903889a5 (plain)

1	`module.exports = {};`

b22; 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 */

@use "@styles/abstracts/placeholders";

.wrapper {
  --card-width: 30ch;

  display: grid;
  grid-template-columns: repeat(
    auto-fit,
    min(calc(100vw - (var(--spacing-md) * 2)), var(--card-width))
  );
  gap: var(--spacing-sm);
  place-content: center;
  align-items: stretch;
  justify-items: stretch;

  &--ordered {
    @extend %reset-ordered-list;
  }

  &--unordered {
    @extend %reset-list;
  }
}

.card {
  height: 100%;
}