@iamproperty/components 7.6.1 → 7.6.2

package/assets/sass/elements/type.scss

@@ -1,174 +0,0 @@
-@use 'sass:map';
-@use '../_func' as *;
-
-$layers: 'true' !default;
-$mobileOnly: 'false' !default;
-$darkMode: 'true' !default;
-
-@include layer('elements', $layers) {
-  /* Duplicated from bootstrap reboot so that the type file will compile */
-  mark {
-    padding: $mark-padding;
-    background-color: $mark-bg;
-  }
-
-  //@import "../../bootstrap/scss/_type.scss";
-
-  // #region headings
-
-  %heading {
-    margin-top: 0; // 1
-    margin-bottom: 0;
-    font-family: $headings-font-family;
-    font-style: $headings-font-style;
-    font-weight: bold;
-
-    line-height: round(calc(1em * var(--type-scale)), 0.25rem);
-    padding-bottom: round(calc(1em * var(--type-scale)), 0.25rem);
-    color: $headings-color;
-    clear: both;
-    display: block;
-
-    [class*='fa-'] {
-      margin-right: 0.5rem;
-    }
-  }
-
-  @include is('h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6,.display-1,.display-2, .display-3, .display-4') {
-    @extend %heading;
-  }
-
-  :is(.h1, h1) {
-    font-size: map.get($heading-sizes, 'h1_fs');
-    font-weight: 900;
-  }
-
-  :is(h2, .h2) {
-    font-size: map.get($heading-sizes, 'h2_fs');
-    font-weight: 900;
-  }
-
-  :is(h3, .h3) {
-    font-size: map.get($heading-sizes, 'h3_fs');
-    max-width: var(--content-max-width);
-
-    line-height: round(calc(1em * var(--type-scale)), 0.25rem);
-    padding-bottom: round(calc(1em * var(--type-scale)), 0.25rem);
-  }
-
-  :is(.h4, h4, .h5, h5, .h6, h6) {
-    font-size: map.get($heading-sizes, 'h4_fs');
-    max-width: var(--content-max-width);
-
-    line-height: round(calc(1em * var(--type-scale)), 0.25rem);
-    padding-bottom: round(calc(1em * var(--type-scale)), 0.25rem);
-  }
-  // #endregion
-
-  p {
-    margin-top: 0;
-    font-size: rem(map.get($heading-sizes, 'body_fs'));
-    line-height: rem(map.get($heading-sizes, 'body_lh'));
-    padding-bottom: rem(map.get($heading-sizes, 'body_end_pb'));
-    max-width: var(--content-max-width);
-    margin-bottom: 0;
-  }
-
-  p:has(+ p) {
-    padding-bottom: rem(map.get($heading-sizes, 'body_pb'));
-  }
-
-  :is(.lead, .strapline) {
-    font-size: rem(map.get($heading-sizes, 'lead_fs'));
-    line-height: rem(map.get($heading-sizes, 'lead_lh'));
-    padding-bottom: rem(map.get($heading-sizes, 'lead_pb'));
-    max-width: var(--content-max-width);
-    font-weight: 700;
-  }
-
-  small,
-  .small {
-    font-size: rem(map.get($heading-sizes, 'small_fs'));
-    line-height: rem(map.get($heading-sizes, 'small_lh'));
-    padding-bottom: rem(map.get($heading-sizes, 'small_pb'));
-    max-width: var(--content-max-width);
-    font-weight: normal;
-  }
-
-  sub,
-  sup {
-    position: relative;
-    font-size: 0.75em;
-    line-height: 0;
-    vertical-align: baseline;
-  }
-
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-
-  abbr[title] {
-    text-decoration: underline dotted; // 1
-    cursor: help; // 2
-    text-decoration-skip-ink: none; // 3
-  }
-
-  strong {
-    font-weight: bolder;
-    font-family: var(--font-heading);
-    color: var(--colour-heading);
-  }
-
-  // Address
-
-  address {
-    margin-bottom: 1rem;
-    font-style: normal;
-    line-height: inherit;
-  }
-
-  blockquote {
-    margin: 0;
-    quotes: '“' '”' '‘' '’';
-    padding-bottom: rem(48);
-    overflow: hidden;
-
-    p {
-      font-size: rem(24);
-      line-height: rem(32);
-      padding-bottom: 0;
-    }
-
-    & p:first-child:before {
-      content: open-quote;
-    }
-    & p:last-of-type:after {
-      content: close-quote;
-    }
-
-    cite {
-      font-size: rem(18);
-      line-height: rem(32);
-      padding-bottom: 0;
-      font-weight: bold;
-      font-style: normal;
-    }
-  }
-
-  .stat {
-    font-size: rem(64);
-    line-height: rem(72);
-    font-weight: bold;
-    color: $headings-color;
-    display: block;
-
-    text-decoration: underline;
-    text-underline-offset: 0.75rem;
-    text-decoration-color: var(--colour-secondary);
-    text-decoration-thickness: rem(4);
-    margin-bottom: rem(64);
-  }
-}

package/assets/sass/helpers/dynamic.scss

@@ -1,15 +0,0 @@
-body.js-enabled .js-hide {
-  display: none !important;
-}
-
-body:not(.js-enabled) .js-show {
-  display: none !important;
-}
-
-:host-context(body.js-enabled) .js-hide {
-  display: none !important;
-}
-
-:host-context(body:not(.js-enabled)) .js-show {
-  display: none !important;
-}

package/assets/sass/helpers/max-height.scss

@@ -1,86 +0,0 @@
-:is(.mh-sm, .mh-md, .mh-lg, .mh-sm-sm, .mh-sm-md, .mh-sm-lg, .mh-md-sm, .mh-md-md, .mh-md-lg) {
-  &:not(iam-table):not(.table__wrapper) {
-    padding-inline: var(--mh-padding-inline, 0);
-    margin-inline: calc(var(--mh-padding-inline, 0) * -1);
-  }
-
-  &::before {
-    top: calc(100% - 1.5rem);
-    bottom: 0;
-    left: 0;
-    right: 0;
-    height: 1.5rem;
-    position: sticky;
-    display: block;
-    background: linear-gradient(180deg, transparent 0%, var(--colour-canvas-2) 100%);
-    z-index: 2;
-    margin-bottom: -1.5rem;
-  }
-}
-
-:is(.mh-sm, .mh-md, .mh-lg) {
-  overflow: auto;
-  overscroll-behavior: contain;
-
-  &::before {
-    content: '';
-  }
-}
-
-.mh-sm {
-  max-height: calc(#{rem(200)} - var(--mh-modifier, 0rem));
-}
-
-.mh-md {
-  max-height: calc(#{rem(400)} - var(--mh-modifier, 0rem));
-}
-
-.mh-lg {
-  max-height: calc(#{rem(600)} - var(--mh-modifier, 0rem));
-}
-
-@include media-breakpoint-up(sm, $mobileOnly) {
-  :is(.mh-sm-sm, .mh-sm-md, .mh-sm-lg) {
-    overflow: auto;
-    overscroll-behavior: contain;
-
-    &::before {
-      content: '';
-    }
-  }
-
-  .mh-sm-sm {
-    max-height: calc(#{rem(200)} - var(--mh-modifier, 0rem));
-  }
-
-  .mh-sm-md {
-    max-height: calc(#{rem(400)} - var(--mh-modifier, 0rem));
-  }
-
-  .mh-sm-lg {
-    max-height: calc(#{rem(600)} - var(--mh-modifier, 0rem));
-  }
-}
-
-@include media-breakpoint-up(md, $mobileOnly) {
-  :is(.mh-md-sm, .mh-md-md, .mh-md-lg) {
-    overflow: auto;
-    overscroll-behavior: contain;
-
-    &::before {
-      content: '';
-    }
-  }
-
-  .mh-md-sm {
-    max-height: calc(#{rem(200)} - var(--mh-modifier, 0rem));
-  }
-
-  .mh-md-md {
-    max-height: calc(#{rem(400)} - var(--mh-modifier, 0rem));
-  }
-
-  .mh-md-lg {
-    max-height: calc(#{rem(600)} - var(--mh-modifier, 0rem));
-  }
-}

package/assets/sass/helpers/wider-colours.scss

@@ -1,8 +0,0 @@
-@each $colour, $value in $wider-colours {
-  .wider-colour-#{$colour} {
-    --wider-colour: var(--wider-colour-#{$colour});
-    --wider-colour-hover: var(--wider-colour-#{$colour}-hover);
-    --wider-colour-active: var(--wider-colour-#{$colour}-active);
-    color: #262626 !important;
-  }
-}

package/assets/sass/mobile-core.scss

@@ -1,14 +0,0 @@
-@charset "UTF-8";
-
-$root: ':root' !default;
-$layers: 'true' !default;
-$mobileOnly: 'false' !default;
-$darkMode: 'true' !default;
-
-@use '_fonts';
-@use '_corefiles.scss' with (
-  $root: $root,
-  $layers: $layers,
-  $mobileOnly: 'true',
-  $darkMode: $darkMode
-);

package/assets/sass/mobile.scss

@@ -1,16 +0,0 @@
-@charset "UTF-8";
-
-@use '_fonts';
-@use '_corefiles' with (
-  $layers: 'true',
-  $mobileOnly: 'true',
-  $darkMode: 'true'
-);
-@use '_grid' with (
-  $mobileOnly: 'true',
-  $darkMode: 'true'
-);
-@use '_utility-mixins' with (
-  $mobileOnly: 'true',
-  $darkMode: 'true'
-);