@swisspost/design-system-styles 9.0.0-next.2 → 9.0.0-next.21

package/components/icons.scss

@@ -1,60 +0,0 @@
-@forward './../variables/options';
-
-@use './../variables/icons' as vars;
-@use './../variables/color';
-
-@use './../mixins/icons' as icon-mixin;
-@use './../mixins/utilities';
-
-.pi,
-%pi {
-  display: inline-block;
-  width: vars.$icon-size-default;
-  height: vars.$icon-size-default;
-  border: 0;
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: contain;
-  vertical-align: middle;
-
-  // Invert icons when HCM is active
-  @include utilities.high-contrast-mode() {
-    // Override inversion and don't change colors of pre-colored icons, they are like images
-    @each $name, $path in vars.$svg-pre-colored-icon-map {
-      &.pi-#{$name} {
-        filter: none;
-        forced-color-adjust: none;
-      }
-    }
-  }
-}
-
-.pi-border {
-  border: vars.$icon-border-width solid transparent;
-  background-size: 90%;
-}
-
-@each $size, $value in vars.$icon-sizes {
-  .pi-#{$size} {
-    width: $value;
-    height: $value;
-  }
-}
-
-@each $name in vars.$legacy-icon-set {
-  .pi-#{$name} {
-    @include icon-mixin.pi($name);
-  }
-}
-
-@each $name, $path in vars.$svg-pre-colored-icon-map {
-  .pi-#{$name} {
-    @include icon-mixin.pi-pre($name);
-  }
-}
-
-// -- Special Icons --
-
-.pi-favourite {
-  @include icon-mixin.pi('2062-f', color.$yellow);
-}

package/components/sizing.css

@@ -1 +0,0 @@
-.lh-hair{line-height:1px !important}.lh-line{line-height:2px !important}.lh-micro{line-height:.25rem !important}.lh-mini{line-height:.5rem !important}.lh-small-regular{line-height:.75rem !important}.lh-regular{line-height:1rem !important}.lh-small-large{line-height:1.25rem !important}.lh-large{line-height:1.5rem !important}.lh-big{line-height:2rem !important}.lh-bigger-big{line-height:2.5rem !important}.lh-small-huge{line-height:3rem !important}.lh-huge{line-height:3.5rem !important}.lh-small-giant{line-height:4.5rem !important}.lh-giant{line-height:5rem !important}.lh-bigger-giant{line-height:7rem !important}.h-hair{height:1px !important}.h-line{height:2px !important}.h-micro{height:.25rem !important}.h-mini{height:.5rem !important}.h-small-regular{height:.75rem !important}.h-regular{height:1rem !important}.h-small-large{height:1.25rem !important}.h-large{height:1.5rem !important}.h-big{height:2rem !important}.h-bigger-big{height:2.5rem !important}.h-small-huge{height:3rem !important}.h-huge{height:3.5rem !important}.h-small-giant{height:4.5rem !important}.h-giant{height:5rem !important}.h-bigger-giant{height:7rem !important}.mh-hair{max-height:1px !important}.mh-line{max-height:2px !important}.mh-micro{max-height:.25rem !important}.mh-mini{max-height:.5rem !important}.mh-small-regular{max-height:.75rem !important}.mh-regular{max-height:1rem !important}.mh-small-large{max-height:1.25rem !important}.mh-large{max-height:1.5rem !important}.mh-big{max-height:2rem !important}.mh-bigger-big{max-height:2.5rem !important}.mh-small-huge{max-height:3rem !important}.mh-huge{max-height:3.5rem !important}.mh-small-giant{max-height:4.5rem !important}.mh-giant{max-height:5rem !important}.mh-bigger-giant{max-height:7rem !important}.w-hair{width:1px !important}.w-line{width:2px !important}.w-micro{width:.25rem !important}.w-mini{width:.5rem !important}.w-small-regular{width:.75rem !important}.w-regular{width:1rem !important}.w-small-large{width:1.25rem !important}.w-large{width:1.5rem !important}.w-big{width:2rem !important}.w-bigger-big{width:2.5rem !important}.w-small-huge{width:3rem !important}.w-huge{width:3.5rem !important}.w-small-giant{width:4.5rem !important}.w-giant{width:5rem !important}.w-bigger-giant{width:7rem !important}.mw-hair{max-width:1px !important}.mw-line{max-width:2px !important}.mw-micro{max-width:.25rem !important}.mw-mini{max-width:.5rem !important}.mw-small-regular{max-width:.75rem !important}.mw-regular{max-width:1rem !important}.mw-small-large{max-width:1.25rem !important}.mw-large{max-width:1.5rem !important}.mw-big{max-width:2rem !important}.mw-bigger-big{max-width:2.5rem !important}.mw-small-huge{max-width:3rem !important}.mw-huge{max-width:3.5rem !important}.mw-small-giant{max-width:4.5rem !important}.mw-giant{max-width:5rem !important}.mw-bigger-giant{max-width:7rem !important}@media(min-width: 400px){.lh-sm-hair{line-height:1px !important}.lh-sm-line{line-height:2px !important}.lh-sm-micro{line-height:.25rem !important}.lh-sm-mini{line-height:.5rem !important}.lh-sm-small-regular{line-height:.75rem !important}.lh-sm-regular{line-height:1rem !important}.lh-sm-small-large{line-height:1.25rem !important}.lh-sm-large{line-height:1.5rem !important}.lh-sm-big{line-height:2rem !important}.lh-sm-bigger-big{line-height:2.5rem !important}.lh-sm-small-huge{line-height:3rem !important}.lh-sm-huge{line-height:3.5rem !important}.lh-sm-small-giant{line-height:4.5rem !important}.lh-sm-giant{line-height:5rem !important}.lh-sm-bigger-giant{line-height:7rem !important}.h-sm-hair{height:1px !important}.h-sm-line{height:2px !important}.h-sm-micro{height:.25rem !important}.h-sm-mini{height:.5rem !important}.h-sm-small-regular{height:.75rem !important}.h-sm-regular{height:1rem !important}.h-sm-small-large{height:1.25rem !important}.h-sm-large{height:1.5rem !important}.h-sm-big{height:2rem !important}.h-sm-bigger-big{height:2.5rem !important}.h-sm-small-huge{height:3rem !important}.h-sm-huge{height:3.5rem !important}.h-sm-small-giant{height:4.5rem !important}.h-sm-giant{height:5rem !important}.h-sm-bigger-giant{height:7rem !important}.mh-sm-hair{max-height:1px !important}.mh-sm-line{max-height:2px !important}.mh-sm-micro{max-height:.25rem !important}.mh-sm-mini{max-height:.5rem !important}.mh-sm-small-regular{max-height:.75rem !important}.mh-sm-regular{max-height:1rem !important}.mh-sm-small-large{max-height:1.25rem !important}.mh-sm-large{max-height:1.5rem !important}.mh-sm-big{max-height:2rem !important}.mh-sm-bigger-big{max-height:2.5rem !important}.mh-sm-small-huge{max-height:3rem !important}.mh-sm-huge{max-height:3.5rem !important}.mh-sm-small-giant{max-height:4.5rem !important}.mh-sm-giant{max-height:5rem !important}.mh-sm-bigger-giant{max-height:7rem !important}.w-sm-hair{width:1px !important}.w-sm-line{width:2px !important}.w-sm-micro{width:.25rem !important}.w-sm-mini{width:.5rem !important}.w-sm-small-regular{width:.75rem !important}.w-sm-regular{width:1rem !important}.w-sm-small-large{width:1.25rem !important}.w-sm-large{width:1.5rem !important}.w-sm-big{width:2rem !important}.w-sm-bigger-big{width:2.5rem !important}.w-sm-small-huge{width:3rem !important}.w-sm-huge{width:3.5rem !important}.w-sm-small-giant{width:4.5rem !important}.w-sm-giant{width:5rem !important}.w-sm-bigger-giant{width:7rem !important}.mw-sm-hair{max-width:1px !important}.mw-sm-line{max-width:2px !important}.mw-sm-micro{max-width:.25rem !important}.mw-sm-mini{max-width:.5rem !important}.mw-sm-small-regular{max-width:.75rem !important}.mw-sm-regular{max-width:1rem !important}.mw-sm-small-large{max-width:1.25rem !important}.mw-sm-large{max-width:1.5rem !important}.mw-sm-big{max-width:2rem !important}.mw-sm-bigger-big{max-width:2.5rem !important}.mw-sm-small-huge{max-width:3rem !important}.mw-sm-huge{max-width:3.5rem !important}.mw-sm-small-giant{max-width:4.5rem !important}.mw-sm-giant{max-width:5rem !important}.mw-sm-bigger-giant{max-width:7rem !important}}@media(min-width: 600px){.lh-rg-hair{line-height:1px !important}.lh-rg-line{line-height:2px !important}.lh-rg-micro{line-height:.25rem !important}.lh-rg-mini{line-height:.5rem !important}.lh-rg-small-regular{line-height:.75rem !important}.lh-rg-regular{line-height:1rem !important}.lh-rg-small-large{line-height:1.25rem !important}.lh-rg-large{line-height:1.5rem !important}.lh-rg-big{line-height:2rem !important}.lh-rg-bigger-big{line-height:2.5rem !important}.lh-rg-small-huge{line-height:3rem !important}.lh-rg-huge{line-height:3.5rem !important}.lh-rg-small-giant{line-height:4.5rem !important}.lh-rg-giant{line-height:5rem !important}.lh-rg-bigger-giant{line-height:7rem !important}.h-rg-hair{height:1px !important}.h-rg-line{height:2px !important}.h-rg-micro{height:.25rem !important}.h-rg-mini{height:.5rem !important}.h-rg-small-regular{height:.75rem !important}.h-rg-regular{height:1rem !important}.h-rg-small-large{height:1.25rem !important}.h-rg-large{height:1.5rem !important}.h-rg-big{height:2rem !important}.h-rg-bigger-big{height:2.5rem !important}.h-rg-small-huge{height:3rem !important}.h-rg-huge{height:3.5rem !important}.h-rg-small-giant{height:4.5rem !important}.h-rg-giant{height:5rem !important}.h-rg-bigger-giant{height:7rem !important}.mh-rg-hair{max-height:1px !important}.mh-rg-line{max-height:2px !important}.mh-rg-micro{max-height:.25rem !important}.mh-rg-mini{max-height:.5rem !important}.mh-rg-small-regular{max-height:.75rem !important}.mh-rg-regular{max-height:1rem !important}.mh-rg-small-large{max-height:1.25rem !important}.mh-rg-large{max-height:1.5rem !important}.mh-rg-big{max-height:2rem !important}.mh-rg-bigger-big{max-height:2.5rem !important}.mh-rg-small-huge{max-height:3rem !important}.mh-rg-huge{max-height:3.5rem !important}.mh-rg-small-giant{max-height:4.5rem !important}.mh-rg-giant{max-height:5rem !important}.mh-rg-bigger-giant{max-height:7rem !important}.w-rg-hair{width:1px !important}.w-rg-line{width:2px !important}.w-rg-micro{width:.25rem !important}.w-rg-mini{width:.5rem !important}.w-rg-small-regular{width:.75rem !important}.w-rg-regular{width:1rem !important}.w-rg-small-large{width:1.25rem !important}.w-rg-large{width:1.5rem !important}.w-rg-big{width:2rem !important}.w-rg-bigger-big{width:2.5rem !important}.w-rg-small-huge{width:3rem !important}.w-rg-huge{width:3.5rem !important}.w-rg-small-giant{width:4.5rem !important}.w-rg-giant{width:5rem !important}.w-rg-bigger-giant{width:7rem !important}.mw-rg-hair{max-width:1px !important}.mw-rg-line{max-width:2px !important}.mw-rg-micro{max-width:.25rem !important}.mw-rg-mini{max-width:.5rem !important}.mw-rg-small-regular{max-width:.75rem !important}.mw-rg-regular{max-width:1rem !important}.mw-rg-small-large{max-width:1.25rem !important}.mw-rg-large{max-width:1.5rem !important}.mw-rg-big{max-width:2rem !important}.mw-rg-bigger-big{max-width:2.5rem !important}.mw-rg-small-huge{max-width:3rem !important}.mw-rg-huge{max-width:3.5rem !important}.mw-rg-small-giant{max-width:4.5rem !important}.mw-rg-giant{max-width:5rem !important}.mw-rg-bigger-giant{max-width:7rem !important}}@media(min-width: 780px){.lh-md-hair{line-height:1px !important}.lh-md-line{line-height:2px !important}.lh-md-micro{line-height:.25rem !important}.lh-md-mini{line-height:.5rem !important}.lh-md-small-regular{line-height:.75rem !important}.lh-md-regular{line-height:1rem !important}.lh-md-small-large{line-height:1.25rem !important}.lh-md-large{line-height:1.5rem !important}.lh-md-big{line-height:2rem !important}.lh-md-bigger-big{line-height:2.5rem !important}.lh-md-small-huge{line-height:3rem !important}.lh-md-huge{line-height:3.5rem !important}.lh-md-small-giant{line-height:4.5rem !important}.lh-md-giant{line-height:5rem !important}.lh-md-bigger-giant{line-height:7rem !important}.h-md-hair{height:1px !important}.h-md-line{height:2px !important}.h-md-micro{height:.25rem !important}.h-md-mini{height:.5rem !important}.h-md-small-regular{height:.75rem !important}.h-md-regular{height:1rem !important}.h-md-small-large{height:1.25rem !important}.h-md-large{height:1.5rem !important}.h-md-big{height:2rem !important}.h-md-bigger-big{height:2.5rem !important}.h-md-small-huge{height:3rem !important}.h-md-huge{height:3.5rem !important}.h-md-small-giant{height:4.5rem !important}.h-md-giant{height:5rem !important}.h-md-bigger-giant{height:7rem !important}.mh-md-hair{max-height:1px !important}.mh-md-line{max-height:2px !important}.mh-md-micro{max-height:.25rem !important}.mh-md-mini{max-height:.5rem !important}.mh-md-small-regular{max-height:.75rem !important}.mh-md-regular{max-height:1rem !important}.mh-md-small-large{max-height:1.25rem !important}.mh-md-large{max-height:1.5rem !important}.mh-md-big{max-height:2rem !important}.mh-md-bigger-big{max-height:2.5rem !important}.mh-md-small-huge{max-height:3rem !important}.mh-md-huge{max-height:3.5rem !important}.mh-md-small-giant{max-height:4.5rem !important}.mh-md-giant{max-height:5rem !important}.mh-md-bigger-giant{max-height:7rem !important}.w-md-hair{width:1px !important}.w-md-line{width:2px !important}.w-md-micro{width:.25rem !important}.w-md-mini{width:.5rem !important}.w-md-small-regular{width:.75rem !important}.w-md-regular{width:1rem !important}.w-md-small-large{width:1.25rem !important}.w-md-large{width:1.5rem !important}.w-md-big{width:2rem !important}.w-md-bigger-big{width:2.5rem !important}.w-md-small-huge{width:3rem !important}.w-md-huge{width:3.5rem !important}.w-md-small-giant{width:4.5rem !important}.w-md-giant{width:5rem !important}.w-md-bigger-giant{width:7rem !important}.mw-md-hair{max-width:1px !important}.mw-md-line{max-width:2px !important}.mw-md-micro{max-width:.25rem !important}.mw-md-mini{max-width:.5rem !important}.mw-md-small-regular{max-width:.75rem !important}.mw-md-regular{max-width:1rem !important}.mw-md-small-large{max-width:1.25rem !important}.mw-md-large{max-width:1.5rem !important}.mw-md-big{max-width:2rem !important}.mw-md-bigger-big{max-width:2.5rem !important}.mw-md-small-huge{max-width:3rem !important}.mw-md-huge{max-width:3.5rem !important}.mw-md-small-giant{max-width:4.5rem !important}.mw-md-giant{max-width:5rem !important}.mw-md-bigger-giant{max-width:7rem !important}}@media(min-width: 1024px){.lh-lg-hair{line-height:1px !important}.lh-lg-line{line-height:2px !important}.lh-lg-micro{line-height:.25rem !important}.lh-lg-mini{line-height:.5rem !important}.lh-lg-small-regular{line-height:.75rem !important}.lh-lg-regular{line-height:1rem !important}.lh-lg-small-large{line-height:1.25rem !important}.lh-lg-large{line-height:1.5rem !important}.lh-lg-big{line-height:2rem !important}.lh-lg-bigger-big{line-height:2.5rem !important}.lh-lg-small-huge{line-height:3rem !important}.lh-lg-huge{line-height:3.5rem !important}.lh-lg-small-giant{line-height:4.5rem !important}.lh-lg-giant{line-height:5rem !important}.lh-lg-bigger-giant{line-height:7rem !important}.h-lg-hair{height:1px !important}.h-lg-line{height:2px !important}.h-lg-micro{height:.25rem !important}.h-lg-mini{height:.5rem !important}.h-lg-small-regular{height:.75rem !important}.h-lg-regular{height:1rem !important}.h-lg-small-large{height:1.25rem !important}.h-lg-large{height:1.5rem !important}.h-lg-big{height:2rem !important}.h-lg-bigger-big{height:2.5rem !important}.h-lg-small-huge{height:3rem !important}.h-lg-huge{height:3.5rem !important}.h-lg-small-giant{height:4.5rem !important}.h-lg-giant{height:5rem !important}.h-lg-bigger-giant{height:7rem !important}.mh-lg-hair{max-height:1px !important}.mh-lg-line{max-height:2px !important}.mh-lg-micro{max-height:.25rem !important}.mh-lg-mini{max-height:.5rem !important}.mh-lg-small-regular{max-height:.75rem !important}.mh-lg-regular{max-height:1rem !important}.mh-lg-small-large{max-height:1.25rem !important}.mh-lg-large{max-height:1.5rem !important}.mh-lg-big{max-height:2rem !important}.mh-lg-bigger-big{max-height:2.5rem !important}.mh-lg-small-huge{max-height:3rem !important}.mh-lg-huge{max-height:3.5rem !important}.mh-lg-small-giant{max-height:4.5rem !important}.mh-lg-giant{max-height:5rem !important}.mh-lg-bigger-giant{max-height:7rem !important}.w-lg-hair{width:1px !important}.w-lg-line{width:2px !important}.w-lg-micro{width:.25rem !important}.w-lg-mini{width:.5rem !important}.w-lg-small-regular{width:.75rem !important}.w-lg-regular{width:1rem !important}.w-lg-small-large{width:1.25rem !important}.w-lg-large{width:1.5rem !important}.w-lg-big{width:2rem !important}.w-lg-bigger-big{width:2.5rem !important}.w-lg-small-huge{width:3rem !important}.w-lg-huge{width:3.5rem !important}.w-lg-small-giant{width:4.5rem !important}.w-lg-giant{width:5rem !important}.w-lg-bigger-giant{width:7rem !important}.mw-lg-hair{max-width:1px !important}.mw-lg-line{max-width:2px !important}.mw-lg-micro{max-width:.25rem !important}.mw-lg-mini{max-width:.5rem !important}.mw-lg-small-regular{max-width:.75rem !important}.mw-lg-regular{max-width:1rem !important}.mw-lg-small-large{max-width:1.25rem !important}.mw-lg-large{max-width:1.5rem !important}.mw-lg-big{max-width:2rem !important}.mw-lg-bigger-big{max-width:2.5rem !important}.mw-lg-small-huge{max-width:3rem !important}.mw-lg-huge{max-width:3.5rem !important}.mw-lg-small-giant{max-width:4.5rem !important}.mw-lg-giant{max-width:5rem !important}.mw-lg-bigger-giant{max-width:7rem !important}}@media(min-width: 1280px){.lh-xl-hair{line-height:1px !important}.lh-xl-line{line-height:2px !important}.lh-xl-micro{line-height:.25rem !important}.lh-xl-mini{line-height:.5rem !important}.lh-xl-small-regular{line-height:.75rem !important}.lh-xl-regular{line-height:1rem !important}.lh-xl-small-large{line-height:1.25rem !important}.lh-xl-large{line-height:1.5rem !important}.lh-xl-big{line-height:2rem !important}.lh-xl-bigger-big{line-height:2.5rem !important}.lh-xl-small-huge{line-height:3rem !important}.lh-xl-huge{line-height:3.5rem !important}.lh-xl-small-giant{line-height:4.5rem !important}.lh-xl-giant{line-height:5rem !important}.lh-xl-bigger-giant{line-height:7rem !important}.h-xl-hair{height:1px !important}.h-xl-line{height:2px !important}.h-xl-micro{height:.25rem !important}.h-xl-mini{height:.5rem !important}.h-xl-small-regular{height:.75rem !important}.h-xl-regular{height:1rem !important}.h-xl-small-large{height:1.25rem !important}.h-xl-large{height:1.5rem !important}.h-xl-big{height:2rem !important}.h-xl-bigger-big{height:2.5rem !important}.h-xl-small-huge{height:3rem !important}.h-xl-huge{height:3.5rem !important}.h-xl-small-giant{height:4.5rem !important}.h-xl-giant{height:5rem !important}.h-xl-bigger-giant{height:7rem !important}.mh-xl-hair{max-height:1px !important}.mh-xl-line{max-height:2px !important}.mh-xl-micro{max-height:.25rem !important}.mh-xl-mini{max-height:.5rem !important}.mh-xl-small-regular{max-height:.75rem !important}.mh-xl-regular{max-height:1rem !important}.mh-xl-small-large{max-height:1.25rem !important}.mh-xl-large{max-height:1.5rem !important}.mh-xl-big{max-height:2rem !important}.mh-xl-bigger-big{max-height:2.5rem !important}.mh-xl-small-huge{max-height:3rem !important}.mh-xl-huge{max-height:3.5rem !important}.mh-xl-small-giant{max-height:4.5rem !important}.mh-xl-giant{max-height:5rem !important}.mh-xl-bigger-giant{max-height:7rem !important}.w-xl-hair{width:1px !important}.w-xl-line{width:2px !important}.w-xl-micro{width:.25rem !important}.w-xl-mini{width:.5rem !important}.w-xl-small-regular{width:.75rem !important}.w-xl-regular{width:1rem !important}.w-xl-small-large{width:1.25rem !important}.w-xl-large{width:1.5rem !important}.w-xl-big{width:2rem !important}.w-xl-bigger-big{width:2.5rem !important}.w-xl-small-huge{width:3rem !important}.w-xl-huge{width:3.5rem !important}.w-xl-small-giant{width:4.5rem !important}.w-xl-giant{width:5rem !important}.w-xl-bigger-giant{width:7rem !important}.mw-xl-hair{max-width:1px !important}.mw-xl-line{max-width:2px !important}.mw-xl-micro{max-width:.25rem !important}.mw-xl-mini{max-width:.5rem !important}.mw-xl-small-regular{max-width:.75rem !important}.mw-xl-regular{max-width:1rem !important}.mw-xl-small-large{max-width:1.25rem !important}.mw-xl-large{max-width:1.5rem !important}.mw-xl-big{max-width:2rem !important}.mw-xl-bigger-big{max-width:2.5rem !important}.mw-xl-small-huge{max-width:3rem !important}.mw-xl-huge{max-width:3.5rem !important}.mw-xl-small-giant{max-width:4.5rem !important}.mw-xl-giant{max-width:5rem !important}.mw-xl-bigger-giant{max-width:7rem !important}}@media(min-width: 1440px){.lh-xxl-hair{line-height:1px !important}.lh-xxl-line{line-height:2px !important}.lh-xxl-micro{line-height:.25rem !important}.lh-xxl-mini{line-height:.5rem !important}.lh-xxl-small-regular{line-height:.75rem !important}.lh-xxl-regular{line-height:1rem !important}.lh-xxl-small-large{line-height:1.25rem !important}.lh-xxl-large{line-height:1.5rem !important}.lh-xxl-big{line-height:2rem !important}.lh-xxl-bigger-big{line-height:2.5rem !important}.lh-xxl-small-huge{line-height:3rem !important}.lh-xxl-huge{line-height:3.5rem !important}.lh-xxl-small-giant{line-height:4.5rem !important}.lh-xxl-giant{line-height:5rem !important}.lh-xxl-bigger-giant{line-height:7rem !important}.h-xxl-hair{height:1px !important}.h-xxl-line{height:2px !important}.h-xxl-micro{height:.25rem !important}.h-xxl-mini{height:.5rem !important}.h-xxl-small-regular{height:.75rem !important}.h-xxl-regular{height:1rem !important}.h-xxl-small-large{height:1.25rem !important}.h-xxl-large{height:1.5rem !important}.h-xxl-big{height:2rem !important}.h-xxl-bigger-big{height:2.5rem !important}.h-xxl-small-huge{height:3rem !important}.h-xxl-huge{height:3.5rem !important}.h-xxl-small-giant{height:4.5rem !important}.h-xxl-giant{height:5rem !important}.h-xxl-bigger-giant{height:7rem !important}.mh-xxl-hair{max-height:1px !important}.mh-xxl-line{max-height:2px !important}.mh-xxl-micro{max-height:.25rem !important}.mh-xxl-mini{max-height:.5rem !important}.mh-xxl-small-regular{max-height:.75rem !important}.mh-xxl-regular{max-height:1rem !important}.mh-xxl-small-large{max-height:1.25rem !important}.mh-xxl-large{max-height:1.5rem !important}.mh-xxl-big{max-height:2rem !important}.mh-xxl-bigger-big{max-height:2.5rem !important}.mh-xxl-small-huge{max-height:3rem !important}.mh-xxl-huge{max-height:3.5rem !important}.mh-xxl-small-giant{max-height:4.5rem !important}.mh-xxl-giant{max-height:5rem !important}.mh-xxl-bigger-giant{max-height:7rem !important}.w-xxl-hair{width:1px !important}.w-xxl-line{width:2px !important}.w-xxl-micro{width:.25rem !important}.w-xxl-mini{width:.5rem !important}.w-xxl-small-regular{width:.75rem !important}.w-xxl-regular{width:1rem !important}.w-xxl-small-large{width:1.25rem !important}.w-xxl-large{width:1.5rem !important}.w-xxl-big{width:2rem !important}.w-xxl-bigger-big{width:2.5rem !important}.w-xxl-small-huge{width:3rem !important}.w-xxl-huge{width:3.5rem !important}.w-xxl-small-giant{width:4.5rem !important}.w-xxl-giant{width:5rem !important}.w-xxl-bigger-giant{width:7rem !important}.mw-xxl-hair{max-width:1px !important}.mw-xxl-line{max-width:2px !important}.mw-xxl-micro{max-width:.25rem !important}.mw-xxl-mini{max-width:.5rem !important}.mw-xxl-small-regular{max-width:.75rem !important}.mw-xxl-regular{max-width:1rem !important}.mw-xxl-small-large{max-width:1.25rem !important}.mw-xxl-large{max-width:1.5rem !important}.mw-xxl-big{max-width:2rem !important}.mw-xxl-bigger-big{max-width:2.5rem !important}.mw-xxl-small-huge{max-width:3rem !important}.mw-xxl-huge{max-width:3.5rem !important}.mw-xxl-small-giant{max-width:4.5rem !important}.mw-xxl-giant{max-width:5rem !important}.mw-xxl-bigger-giant{max-width:7rem !important}}@media(min-width: 400px){.w-sm-25{width:25% !important}.w-sm-50{width:50% !important}.w-sm-75{width:75% !important}.w-sm-100{width:100% !important}.w-sm-auto{width:auto !important}}@media(min-width: 600px){.w-rg-25{width:25% !important}.w-rg-50{width:50% !important}.w-rg-75{width:75% !important}.w-rg-100{width:100% !important}.w-rg-auto{width:auto !important}}@media(min-width: 780px){.w-md-25{width:25% !important}.w-md-50{width:50% !important}.w-md-75{width:75% !important}.w-md-100{width:100% !important}.w-md-auto{width:auto !important}}@media(min-width: 1024px){.w-lg-25{width:25% !important}.w-lg-50{width:50% !important}.w-lg-75{width:75% !important}.w-lg-100{width:100% !important}.w-lg-auto{width:auto !important}}@media(min-width: 1280px){.w-xl-25{width:25% !important}.w-xl-50{width:50% !important}.w-xl-75{width:75% !important}.w-xl-100{width:100% !important}.w-xl-auto{width:auto !important}}@media(min-width: 1440px){.w-xxl-25{width:25% !important}.w-xxl-50{width:50% !important}.w-xxl-75{width:75% !important}.w-xxl-100{width:100% !important}.w-xxl-auto{width:auto !important}}.m-giant-r{margin:3.5rem !important}.mt-giant-r{margin-top:3.5rem !important}.mr-giant-r{margin-right:3.5rem !important}.mb-giant-r{margin-bottom:3.5rem !important}.ml-giant-r{margin-left:3.5rem !important}.p-giant-r{padding:3.5rem !important}.pt-giant-r{padding-top:3.5rem !important}.pr-giant-r{padding-right:3.5rem !important}.pb-giant-r{padding-bottom:3.5rem !important}.pl-giant-r{padding-left:3.5rem !important}.gap-giant-r{gap:3.5rem !important}.m-huge-r{margin:2rem !important}.mt-huge-r{margin-top:2rem !important}.mr-huge-r{margin-right:2rem !important}.mb-huge-r{margin-bottom:2rem !important}.ml-huge-r{margin-left:2rem !important}.p-huge-r{padding:2rem !important}.pt-huge-r{padding-top:2rem !important}.pr-huge-r{padding-right:2rem !important}.pb-huge-r{padding-bottom:2rem !important}.pl-huge-r{padding-left:2rem !important}.gap-huge-r{gap:2rem !important}.m-bigger-big-r{margin:1.5rem !important}.mt-bigger-big-r{margin-top:1.5rem !important}.mr-bigger-big-r{margin-right:1.5rem !important}.mb-bigger-big-r{margin-bottom:1.5rem !important}.ml-bigger-big-r{margin-left:1.5rem !important}.p-bigger-big-r{padding:1.5rem !important}.pt-bigger-big-r{padding-top:1.5rem !important}.pr-bigger-big-r{padding-right:1.5rem !important}.pb-bigger-big-r{padding-bottom:1.5rem !important}.pl-bigger-big-r{padding-left:1.5rem !important}.gap-bigger-big-r{gap:1.5rem !important}.m-big-r{margin:1.25rem !important}.mt-big-r{margin-top:1.25rem !important}.mr-big-r{margin-right:1.25rem !important}.mb-big-r{margin-bottom:1.25rem !important}.ml-big-r{margin-left:1.25rem !important}.p-big-r{padding:1.25rem !important}.pt-big-r{padding-top:1.25rem !important}.pr-big-r{padding-right:1.25rem !important}.pb-big-r{padding-bottom:1.25rem !important}.pl-big-r{padding-left:1.25rem !important}.gap-big-r{gap:1.25rem !important}.m-large-r{margin:1rem !important}.mt-large-r{margin-top:1rem !important}.mr-large-r{margin-right:1rem !important}.mb-large-r{margin-bottom:1rem !important}.ml-large-r{margin-left:1rem !important}.p-large-r{padding:1rem !important}.pt-large-r{padding-top:1rem !important}.pr-large-r{padding-right:1rem !important}.pb-large-r{padding-bottom:1rem !important}.pl-large-r{padding-left:1rem !important}.gap-large-r{gap:1rem !important}.m-regular-r{margin:1rem !important}.mt-regular-r{margin-top:1rem !important}.mr-regular-r{margin-right:1rem !important}.mb-regular-r{margin-bottom:1rem !important}.ml-regular-r{margin-left:1rem !important}.p-regular-r{padding:1rem !important}.pt-regular-r{padding-top:1rem !important}.pr-regular-r{padding-right:1rem !important}.pb-regular-r{padding-bottom:1rem !important}.pl-regular-r{padding-left:1rem !important}.gap-regular-r{gap:1rem !important}.m-small-r{margin:.75rem !important}.mt-small-r{margin-top:.75rem !important}.mr-small-r{margin-right:.75rem !important}.mb-small-r{margin-bottom:.75rem !important}.ml-small-r{margin-left:.75rem !important}.p-small-r{padding:.75rem !important}.pt-small-r{padding-top:.75rem !important}.pr-small-r{padding-right:.75rem !important}.pb-small-r{padding-bottom:.75rem !important}.pl-small-r{padding-left:.75rem !important}.gap-small-r{gap:.75rem !important}.m-tiny-r{margin:.75rem !important}.mt-tiny-r{margin-top:.75rem !important}.mr-tiny-r{margin-right:.75rem !important}.mb-tiny-r{margin-bottom:.75rem !important}.ml-tiny-r{margin-left:.75rem !important}.p-tiny-r{padding:.75rem !important}.pt-tiny-r{padding-top:.75rem !important}.pr-tiny-r{padding-right:.75rem !important}.pb-tiny-r{padding-bottom:.75rem !important}.pl-tiny-r{padding-left:.75rem !important}.gap-tiny-r{gap:.75rem !important}@media(min-width: 400px){.m-small-r{margin:1rem !important}.mt-small-r{margin-top:1rem !important}.mr-small-r{margin-right:1rem !important}.mb-small-r{margin-bottom:1rem !important}.ml-small-r{margin-left:1rem !important}.p-small-r{padding:1rem !important}.pt-small-r{padding-top:1rem !important}.pr-small-r{padding-right:1rem !important}.pb-small-r{padding-bottom:1rem !important}.pl-small-r{padding-left:1rem !important}.gap-small-r{gap:1rem !important}}@media(min-width: 780px){.m-giant-r{margin:5rem !important}.m-huge-r{margin:2.5rem !important}.m-bigger-big-r{margin:3rem !important}.m-big-r{margin:2rem !important}.m-large-r{margin:1.25rem !important}.m-regular-r{margin:1.5rem !important}.m-tiny-r{margin:1rem !important}.mt-giant-r{margin-top:5rem !important}.mt-huge-r{margin-top:2.5rem !important}.mt-bigger-big-r{margin-top:3rem !important}.mt-big-r{margin-top:2rem !important}.mt-large-r{margin-top:1.25rem !important}.mt-regular-r{margin-top:1.5rem !important}.mt-tiny-r{margin-top:1rem !important}.mr-giant-r{margin-right:5rem !important}.mr-huge-r{margin-right:2.5rem !important}.mr-bigger-big-r{margin-right:3rem !important}.mr-big-r{margin-right:2rem !important}.mr-large-r{margin-right:1.25rem !important}.mr-regular-r{margin-right:1.5rem !important}.mr-tiny-r{margin-right:1rem !important}.mb-giant-r{margin-bottom:5rem !important}.mb-huge-r{margin-bottom:2.5rem !important}.mb-bigger-big-r{margin-bottom:3rem !important}.mb-big-r{margin-bottom:2rem !important}.mb-large-r{margin-bottom:1.25rem !important}.mb-regular-r{margin-bottom:1.5rem !important}.mb-tiny-r{margin-bottom:1rem !important}.ml-giant-r{margin-left:5rem !important}.ml-huge-r{margin-left:2.5rem !important}.ml-bigger-big-r{margin-left:3rem !important}.ml-big-r{margin-left:2rem !important}.ml-large-r{margin-left:1.25rem !important}.ml-regular-r{margin-left:1.5rem !important}.ml-tiny-r{margin-left:1rem !important}.p-giant-r{padding:5rem !important}.p-huge-r{padding:2.5rem !important}.p-bigger-big-r{padding:3rem !important}.p-big-r{padding:2rem !important}.p-large-r{padding:1.25rem !important}.p-regular-r{padding:1.5rem !important}.p-tiny-r{padding:1rem !important}.pt-giant-r{padding-top:5rem !important}.pt-huge-r{padding-top:2.5rem !important}.pt-bigger-big-r{padding-top:3rem !important}.pt-big-r{padding-top:2rem !important}.pt-large-r{padding-top:1.25rem !important}.pt-regular-r{padding-top:1.5rem !important}.pt-tiny-r{padding-top:1rem !important}.pr-giant-r{padding-right:5rem !important}.pr-huge-r{padding-right:2.5rem !important}.pr-bigger-big-r{padding-right:3rem !important}.pr-big-r{padding-right:2rem !important}.pr-large-r{padding-right:1.25rem !important}.pr-regular-r{padding-right:1.5rem !important}.pr-tiny-r{padding-right:1rem !important}.pb-giant-r{padding-bottom:5rem !important}.pb-huge-r{padding-bottom:2.5rem !important}.pb-bigger-big-r{padding-bottom:3rem !important}.pb-big-r{padding-bottom:2rem !important}.pb-large-r{padding-bottom:1.25rem !important}.pb-regular-r{padding-bottom:1.5rem !important}.pb-tiny-r{padding-bottom:1rem !important}.pl-giant-r{padding-left:5rem !important}.pl-huge-r{padding-left:2.5rem !important}.pl-bigger-big-r{padding-left:3rem !important}.pl-big-r{padding-left:2rem !important}.pl-large-r{padding-left:1.25rem !important}.pl-regular-r{padding-left:1.5rem !important}.pl-tiny-r{padding-left:1rem !important}.gap-giant-r{gap:5rem !important}.gap-huge-r{gap:2.5rem !important}.gap-bigger-big-r{gap:3rem !important}.gap-big-r{gap:2rem !important}.gap-large-r{gap:1.25rem !important}.gap-regular-r{gap:1.5rem !important}.gap-tiny-r{gap:1rem !important}}@media(min-width: 1280px){.m-huge-r{margin:3.5rem !important}.m-big-r{margin:2.5rem !important}.m-large-r{margin:2rem !important}.mt-huge-r{margin-top:3.5rem !important}.mt-big-r{margin-top:2.5rem !important}.mt-large-r{margin-top:2rem !important}.mr-huge-r{margin-right:3.5rem !important}.mr-big-r{margin-right:2.5rem !important}.mr-large-r{margin-right:2rem !important}.mb-huge-r{margin-bottom:3.5rem !important}.mb-big-r{margin-bottom:2.5rem !important}.mb-large-r{margin-bottom:2rem !important}.ml-huge-r{margin-left:3.5rem !important}.ml-big-r{margin-left:2.5rem !important}.ml-large-r{margin-left:2rem !important}.p-huge-r{padding:3.5rem !important}.p-big-r{padding:2.5rem !important}.p-large-r{padding:2rem !important}.pt-huge-r{padding-top:3.5rem !important}.pt-big-r{padding-top:2.5rem !important}.pt-large-r{padding-top:2rem !important}.pr-huge-r{padding-right:3.5rem !important}.pr-big-r{padding-right:2.5rem !important}.pr-large-r{padding-right:2rem !important}.pb-huge-r{padding-bottom:3.5rem !important}.pb-big-r{padding-bottom:2.5rem !important}.pb-large-r{padding-bottom:2rem !important}.pl-huge-r{padding-left:3.5rem !important}.pl-big-r{padding-left:2.5rem !important}.pl-large-r{padding-left:2rem !important}.gap-huge-r{gap:3.5rem !important}.gap-big-r{gap:2.5rem !important}.gap-large-r{gap:2rem !important}}

package/components/sizing.scss

@@ -1,85 +0,0 @@
-@forward './../variables/options';
-
-@use 'sass:map';
-@use './../themes/bootstrap/core' as *;
-@use './../variables/spacing';
-@use './../variables/breakpoints';
-@use './../mixins/utilities';
-
-// Post sizes
-@each $breakpoint in map.keys(breakpoints.$grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    $infix: if($breakpoint == 'xs', '', '-#{$breakpoint}');
-
-    @each $prop,
-      $abbrev
-        in (/* Deprecated */ line-height: lh, height: h, max-height: mh, width: w, max-width: mw)
-    {
-      @each $size, $length in spacing.$post-sizes {
-        .#{$abbrev}#{$infix}-#{$size} {
-          #{$prop}: $length !important;
-        }
-      }
-    }
-  }
-}
-
-// Post breakpoints width - e.g. w-sm-100
-@each $breakpoint in map.keys(breakpoints.$grid-breakpoints) {
-  @include media-breakpoint-up($breakpoint) {
-    @if $breakpoint != 'xs' {
-      @each $prop, $abbrev in (width: w) {
-        @each $size, $length in spacing.$sizes {
-          .#{$abbrev}-#{$breakpoint}-#{$size} {
-            #{$prop}: $length !important;
-          }
-        }
-      }
-    }
-  }
-}
-
-// Generate responsive spacing utility classes, a lot of them
-$cache: ();
-
-@each $breakpoint-key, $breakpoint-value in breakpoints.$grid-breakpoints {
-  @if ($breakpoint-key == 'xs') {
-    @each $curve-name, $curve-sizes in spacing.$size-curves {
-      $value: map.get($curve-sizes, $breakpoint-key);
-
-      @each $classname, $property in spacing.$responsive-spacing-properties {
-        $cache: map.set($cache, $classname + $curve-name, $value);
-        @include utilities.generate-utility-class($classname, $curve-name, $property, $value);
-      }
-    }
-  } @else {
-    // Media queries create a scope, upstream variables become read-only and updating the $cache
-    // is impossible from within the media query. Therefore we first compile a stack of utility
-    // classes to compile, and then compile them. With caching, we're able to skip 370 utility
-    // classes from being written (765 vs. 2248 lines of code unminified)
-
-    $stack: ();
-
-    @each $curve-name, $curve-sizes in spacing.$size-curves {
-      $value: map.get($curve-sizes, $breakpoint-key);
-
-      @each $classname, $property in spacing.$responsive-spacing-properties {
-        @if (map.get($cache, $classname + $curve-name) != $value) {
-          $stack: map.set($stack, $classname, $curve-name, $property, $value);
-          $cache: map.set($cache, $classname + $curve-name, $value);
-        }
-      }
-    }
-
-    // Render the stack
-    @include media-breakpoint-up($breakpoint-key) {
-      @each $classname, $class-map in $stack {
-        @each $curve-name, $curve-map in $class-map {
-          @each $property, $value in $curve-map {
-            @include utilities.generate-utility-class($classname, $curve-name, $property, $value);
-          }
-        }
-      }
-    }
-  }
-}

package/components/topic-teaser.css

@@ -1 +0,0 @@
-@media(min-width: 1440px){.topic-teaser[class*=bg-]{background-color:rgba(0,0,0,0) !important}}@media(min-width: 1440px){.topic-teaser .topic-teaser-container{padding-left:60px;padding-right:60px}}@media(min-width: 1024px)and (max-width: 1279.98px){.topic-teaser:not(.topic-teaser-reverse) .container{padding-right:0}}@media(min-width: 1280px)and (max-width: 1439.98px){.topic-teaser:not(.topic-teaser-reverse) .container{padding-right:0}}@media(min-width: 1440px){.topic-teaser:not(.topic-teaser-reverse) .container{padding-right:0}}@media(min-width: 1440px){.topic-teaser:not(.topic-teaser-reverse) .topic-teaser-container{padding-right:0;margin-right:-1px;clip-path:inset(0 1px -3.5rem 0)}}.topic-teaser:not(.topic-teaser-reverse) .topic-teaser-container>.row{justify-content:flex-end}@media(max-width: 399.98px){.topic-teaser:not(.topic-teaser-reverse) .topic-teaser-image-container{margin-right:-12px}}@media(min-width: 400px)and (max-width: 599.98px){.topic-teaser:not(.topic-teaser-reverse) .topic-teaser-image-container{margin-right:-16px}}@media(min-width: 600px)and (max-width: 779.98px){.topic-teaser:not(.topic-teaser-reverse) .topic-teaser-image-container{margin-right:-16px}}@media(min-width: 780px)and (max-width: 1023.98px){.topic-teaser:not(.topic-teaser-reverse) .topic-teaser-image-container{margin-right:-32px}}@media(min-width: 1024px)and (max-width: 1279.98px){.topic-teaser-reverse .container{padding-left:0}}@media(min-width: 1280px)and (max-width: 1439.98px){.topic-teaser-reverse .container{padding-left:0}}@media(min-width: 1440px){.topic-teaser-reverse .container{padding-left:0}}@media(min-width: 1440px){.topic-teaser-reverse .topic-teaser-container{padding-left:0}}@media(max-width: 1023.98px){.topic-teaser-reverse .topic-teaser-container>.row{flex-direction:column-reverse}}@media(max-width: 399.98px){.topic-teaser-reverse .topic-teaser-image-container{margin-left:-12px}}@media(min-width: 400px)and (max-width: 599.98px){.topic-teaser-reverse .topic-teaser-image-container{margin-left:-16px}}@media(min-width: 600px)and (max-width: 779.98px){.topic-teaser-reverse .topic-teaser-image-container{margin-left:-16px}}@media(min-width: 780px)and (max-width: 1023.98px){.topic-teaser-reverse .topic-teaser-image-container{margin-left:-32px}}.topic-teaser-image-container{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y);margin-bottom:-2rem;flex:0 0 auto;width:83.33333333%}@media(min-width: 780px){.topic-teaser-image-container{margin-bottom:-2.5rem}}@media(min-width: 1280px){.topic-teaser-image-container{margin-bottom:-3.5rem}}@media(min-width: 600px){.topic-teaser-image-container{flex:0 0 auto;width:66.66666667%}}@media(min-width: 1024px){.topic-teaser-image-container{flex:0 0 auto;width:33.33333333%}}@media(min-width: 1280px){.topic-teaser-image-container{flex:0 0 auto;width:41.66666667%}}.topic-teaser-image{object-fit:cover;aspect-ratio:1/.7}@media(min-width: 400px){.topic-teaser-image{aspect-ratio:1/.7}}@media(min-width: 600px){.topic-teaser-image{aspect-ratio:1/.7}}@media(min-width: 780px){.topic-teaser-image{aspect-ratio:1/.7}}@media(min-width: 1024px){.topic-teaser-image{aspect-ratio:.66/1}}@media(min-width: 1280px){.topic-teaser-image{aspect-ratio:.9/1}}@media(min-width: 1440px){.topic-teaser-image{aspect-ratio:.9/1}}.topic-teaser-content{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y);display:flex;flex-direction:column;flex:0 0 auto;width:100%}@media(min-width: 1024px){.topic-teaser-content{flex:0 0 auto;width:66.66666667%}}@media(min-width: 1280px){.topic-teaser-content{flex:0 0 auto;width:58.33333333%}}@media(min-width: 600px){.topic-teaser-content{gap:32px}}@media(min-width: 1280px){.topic-teaser-content{gap:40px}}@media(min-width: 600px){.topic-teaser-content{flex-direction:row}}.topic-teaser-content>.link-list{width:50%}@media(max-width: 599.98px){.topic-teaser-content>.link-list{width:100%}}.topic-teaser-title{width:50%}@media(max-width: 599.98px){.topic-teaser-title{width:auto}}.topic-teaser-title>span{display:block}.link-list{padding:0;list-style-type:none;font-size:.9375rem}@media(min-width: 1024px){.link-list{font-size:1.25rem}}.link-list-item>a{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;transition:opacity 200ms;border:0;border-top:1px solid rgba(var(--post-contrast-color-rgb), 0.2);text-decoration:none}.link-list-item>a::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.533 3.467 9.466 4.4l11.6 11.6-11.6 11.6 1.067.933L22.933 16z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.533 3.467 9.466 4.4l11.6 11.6-11.6 11.6 1.067.933L22.933 16z'/%3E%3C/svg%3E");background-color:currentColor;color:currentColor;forced-color-adjust:preserve-parent-color;content:"";display:inline-block;height:1rem;width:1rem;flex:0 0 auto;transform:translateX(0.25rem);transition:transform 200ms}.link-list-item>a[href]:hover::after{transform:translateX(0.5rem)}@media(min-width: 1024px){.link-list-item>a{padding-top:1.25rem;padding-bottom:1.25rem}}.topic-teaser.bg-light .link-list-item>a{border-top-color:#e6e6e6}

package/components/topic-teaser.scss

@@ -1,196 +0,0 @@
-@forward './../variables/options';
-
-@use 'sass:map';
-
-@use './../themes/bootstrap/core' as *;
-
-@use './../variables/color';
-@use './../variables/grid';
-@use './../variables/spacing';
-@use './../variables/type';
-@use './../variables/components/topic-teaser';
-@use './../mixins/size';
-@use './../mixins/icons' as icons-mx;
-
-.topic-teaser {
-  &[class*='bg-'] {
-    @include media-breakpoint-up(xxl) {
-      background-color: transparent !important;
-    }
-  }
-
-  .topic-teaser-container {
-    @include media-breakpoint-up(xxl) {
-      padding-left: map.get(grid.$grid-container-padding, xxl) * 0.5;
-      padding-right: map.get(grid.$grid-container-padding, xxl) * 0.5;
-    }
-  }
-
-  &:not(.topic-teaser-reverse) {
-    @each $breakpoint in topic-teaser.$grid-breakpoints-upper {
-      @include media-breakpoint-only($breakpoint) {
-        .container {
-          padding-right: 0;
-        }
-      }
-    }
-
-    .topic-teaser-container {
-      @include media-breakpoint-up(xxl) {
-        padding-right: 0;
-        // webkit subpixel-issue fix
-        margin-right: -1px;
-        clip-path: inset(0 1px (map.get(spacing.$size-curve-huge, 'xxl') * -1) 0);
-      }
-
-      > .row {
-        justify-content: flex-end;
-      }
-    }
-
-    .topic-teaser-image-container {
-      @each $breakpoint in topic-teaser.$grid-breakpoints-lower {
-        @include media-breakpoint-only($breakpoint) {
-          margin-right: map.get(grid.$grid-container-padding, $breakpoint) * -1;
-        }
-      }
-    }
-  }
-}
-
-.topic-teaser-reverse {
-  @each $breakpoint in topic-teaser.$grid-breakpoints-upper {
-    @include media-breakpoint-only($breakpoint) {
-      .container {
-        padding-left: 0;
-      }
-    }
-  }
-
-  .topic-teaser-container {
-    @include media-breakpoint-up(xxl) {
-      padding-left: 0;
-    }
-
-    > .row {
-      @include media-breakpoint-down(lg) {
-        flex-direction: column-reverse;
-      }
-    }
-  }
-
-  .topic-teaser-image-container {
-    @each $breakpoint in topic-teaser.$grid-breakpoints-lower {
-      @include media-breakpoint-only($breakpoint) {
-        margin-left: map.get(grid.$grid-container-padding, $breakpoint) * -1;
-      }
-    }
-  }
-}
-
-.topic-teaser-image-container {
-  @include make-col-ready();
-  @include size.responsive-size('huge', 'margin-bottom', '-$value');
-
-  @each $breakpoint, $size in topic-teaser.$image-cols {
-    @include media-breakpoint-up($breakpoint) {
-      @include make-col($size);
-    }
-  }
-}
-
-.topic-teaser-image {
-  object-fit: cover;
-
-  @each $breakpoint, $aspectratio in topic-teaser.$image-aspectratio {
-    @include media-breakpoint-up($breakpoint) {
-      aspect-ratio: $aspectratio;
-    }
-  }
-}
-
-.topic-teaser-content {
-  @include make-col-ready();
-  display: flex;
-  flex-direction: column;
-
-  @each $breakpoint, $size in topic-teaser.$content-cols {
-    @include media-breakpoint-up($breakpoint) {
-      @include make-col($size);
-    }
-  }
-  @each $breakpoint, $gap in topic-teaser.$content-gap {
-    @include media-breakpoint-up($breakpoint) {
-      gap: $gap;
-    }
-  }
-
-  @include media-breakpoint-up(rg) {
-    flex-direction: row;
-  }
-}
-
-.topic-teaser-content > .link-list {
-  width: 50%;
-
-  @include media-breakpoint-down(rg) {
-    width: 100%;
-  }
-}
-
-.topic-teaser-title {
-  width: 50%;
-
-  @include media-breakpoint-down(rg) {
-    width: auto;
-  }
-}
-
-.topic-teaser-title > span {
-  display: block;
-}
-
-.link-list {
-  padding: 0;
-  list-style-type: none;
-  font-size: type.$font-size-small;
-
-  @include media-breakpoint-up(lg) {
-    font-size: type.$font-size-medium;
-  }
-}
-
-.link-list-item > a {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: spacing.$size-small-regular spacing.$size-regular;
-  transition: opacity 200ms;
-  border: 0;
-  border-top: 1px solid rgba(var(--post-contrast-color-rgb), 0.2);
-  text-decoration: none;
-
-  &::after {
-    @include icons-mx.icon(2050);
-    content: '';
-    display: inline-block;
-    height: spacing.$size-regular;
-    width: spacing.$size-regular;
-    flex: 0 0 auto;
-    transform: translateX(#{spacing.$size-micro});
-    transition: transform 200ms;
-  }
-
-  &[href]:hover::after {
-    transform: translateX(#{spacing.$size-mini});
-  }
-
-  @include media-breakpoint-up(lg) {
-    padding-top: spacing.$size-small-large;
-    padding-bottom: spacing.$size-small-large;
-  }
-}
-
-.topic-teaser.bg-light .link-list-item > a {
-  border-top-color: color.$gray-10;
-}

package/layouts/portal/_grid.scss

@@ -1,85 +0,0 @@
-@use 'sass:map';
-
-@use './../../themes/bootstrap/core' as *;
-
-@use './../../variables/grid';
-@use './../../variables/commons';
-@use './variables' as portal-variables;
-
-.container-fluid {
-  max-width: map.get(grid.$container-max-widths, xs);
-  padding-right: 0;
-  padding-left: 0;
-
-  &:not(.allow-overflow) {
-    overflow: hidden; // hides scrollbar
-  }
-}
-
-//deprecated
-// px-gutters class is used to manipulate border collapse in product-cards
-.row.px-gutters {
-  margin-right: -(commons.$border-width);
-  margin-bottom: -(commons.$border-width);
-  margin-left: 0;
-
-  > .col,
-  > [class*='col-'] {
-    padding-right: commons.$border-width;
-    padding-bottom: commons.$border-width;
-    padding-left: 0;
-  }
-}
-
-// Overwrites gutter on rg-sized screens and bigger
-@include media-breakpoint-up(rg) {
-  .col,
-  [class*='col-'] {
-    padding-right: portal-variables.$grid-gutter-width-rg * 0.5;
-    padding-left: portal-variables.$grid-gutter-width-rg * 0.5;
-  }
-
-  .row {
-    margin-right: -(portal-variables.$grid-gutter-width-rg * 0.5);
-    margin-left: -(portal-variables.$grid-gutter-width-rg * 0.5);
-
-    &.no-gutters {
-      margin-right: 0;
-      margin-left: 0;
-    }
-  }
-
-  //deprecated
-  .vertical-gutters {
-    margin-bottom: -(portal-variables.$grid-gutter-width-rg);
-
-    > .col,
-    > [class*='col-'] {
-      padding-bottom: portal-variables.$grid-gutter-width-rg;
-    }
-  }
-}
-
-//deprecated
-@each $breakpoint in grid.$grid-breakpoints-list {
-  .container-fluid-#{$breakpoint} {
-    @include media-breakpoint-only($breakpoint) {
-      padding-right: 0;
-      padding-left: 0;
-    }
-  }
-}
-
-//deprecated
-.container-reset-right-rg-up {
-  @include media-breakpoint-up(rg) {
-    margin-left: 0;
-  }
-}
-
-//deprecated
-.container-reset-left-rg-up {
-  @include media-breakpoint-up(rg) {
-    margin-right: 0;
-  }
-}

package/layouts/portal/_index.scss

@@ -1,2 +0,0 @@
-@use './grid';
-@use './subnavigation';

package/layouts/portal/_subnavigation.scss

@@ -1,5 +0,0 @@
-.subnavigation-list {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-}

package/layouts/portal/_variables.scss

@@ -1,8 +0,0 @@
-@use 'sass:map';
-@use './../../variables/color';
-
-// DO NOT ADD TO THIS FILE! ALL THESE VARIABLES WILL BE REMOVED.
-// This file contains legacy variables that in the near future should no longer
-// be used but are currently necessary
-
-$grid-gutter-width-rg: 16px;

package/mixins/_accordion.scss

@@ -1,16 +0,0 @@
-@use './../mixins/color' as color-mx;
-@use './../functions/contrast';
-@use './../variables/color';
-
-@mixin background-color() {
-  // make light gray the default accordion color
-  @include color-mx.colored-background(color.$gray);
-
-  // make the accordion white on any background other than white
-  @each $name, $color in color.$background-colors {
-    .bg-#{$name} & {
-      $accordion-bg: if($color == color.$white, color.$gray, color.$white);
-      @include color-mx.colored-background($accordion-bg);
-    }
-  }
-}

package/mixins/_elevation.scss

@@ -1,6 +0,0 @@
-@use 'sass:map';
-@use '../variables/elevation';
-
-@mixin elevation($level) {
-  box-shadow: map.get(elevation.$elevation-map, $level);
-}

package/mixins/_focus.scss

@@ -1,9 +0,0 @@
-@use '../variables/commons';
-
-@mixin focus-ring {
-  outline: none;
-
-  &:focus-visible {
-    outline: commons.$outline-width solid commons.$outline-color;
-  }
-}

package/mixins/_form-validation.scss

@@ -1,5 +0,0 @@
-@mixin form-validation-state-selector($state) {
-  #{if(&, "&", "")}.is-#{$state} {
-    @content;
-  }
-}

package/mixins/_size.scss

@@ -1,65 +0,0 @@
-@use 'sass:map';
-@use 'sass:string';
-
-@use './../themes/bootstrap/core' as *;
-
-@use './../variables/spacing';
-@use './../functions/utilities';
-
-@mixin bezel-small() {
-  padding: map.get(spacing.$post-sizes, 'mini') map.get(spacing.$post-sizes, 'regular');
-}
-
-@mixin bezel-small-regular() {
-  padding: map.get(spacing.$post-sizes, 'small-regular') map.get(spacing.$post-sizes, 'regular');
-}
-
-@mixin bezel-regular() {
-  padding: map.get(spacing.$post-sizes, 'regular');
-}
-
-@mixin bezel-bigger-regular() {
-  padding: map.get(spacing.$post-sizes, 'small-large');
-}
-
-@mixin bezel-medium() {
-  padding: map.get(spacing.$post-sizes, 'small-large') map.get(spacing.$post-sizes, 'large');
-}
-
-@mixin bezel-large() {
-  padding: map.get(spacing.$post-sizes, 'big');
-}
-
-@mixin bezel-big() {
-  padding: map.get(spacing.$post-sizes, 'bigger-big');
-}
-
-/**
- * Generate responsive size properties for things like height, width, margin, padding, etc.
- * @param $curve-size One of the curve sizes predefined at https://www.experience-hub.ch/document/2307#/grundlagen-web/abstaende
- * @param $property Property key (height, width, padding, margin, top, etc.)
- * @param $template Value template string used for shorthand declarations like padding ("$value auto" = padding: 1rem auto)
- */
-@mixin responsive-size($curve-size: 'regular', $property-key: 'padding', $template: '$value') {
-  $curve: map.get(spacing.$size-curves, $curve-size);
-
-  @if ($curve) {
-    $cache: '';
-
-    @each $key, $value in $curve {
-      @if ($key == 'xs') {
-        #{$property-key}: string.unquote(utilities.replace($template, '$value', $value));
-      } @else {
-        // Don't write unnecessary media queries
-        @if ($cache != $value) {
-          @include media-breakpoint-up($key) {
-            #{$property-key}: string.unquote(utilities.replace($template, '$value', $value));
-          }
-        }
-      }
-      $cache: $value;
-    }
-  } @else {
-    @warn "@mixin responsive-size: Can't find $curve-size: " + $curve-size;
-  }
-}

package/placeholders/_modes.scss

@@ -1,10 +0,0 @@
-@use '../tokens/temp/mode' as mode;
-@use './../mixins/tokens';
-
-%color-mode-light {
-  @include tokens.from(mode.$post-light);
-}
-
-%color-mode-dark {
-  @include tokens.from(mode.$post-dark);
-}

package/themes/bootstrap/_carousel.scss

@@ -1,2 +0,0 @@
-@use './core' as *;
-@import 'bootstrap/scss/carousel';

package/themes/bootstrap/_containers.scss

@@ -1,2 +0,0 @@
-@use './core' as *;
-@import 'bootstrap/scss/containers';

package/themes/bootstrap/_grid.scss

@@ -1,2 +0,0 @@
-@use './core' as *;
-@import 'bootstrap/scss/grid';