@iamproperty/components 3.1.0 → 3.4.4

package/assets/sass/foundations/icons.scss

@@ -1,81 +1,81 @@
-@use "../_func" as *;
-
-.icon {
-  fill: currentColor;
-  stroke: currentColor;
-  stroke-width: 0;
-  @include var(color,--colour-brand);
-  width: rem(64);
-  height: rem(64);
-  display: inline-block;
-
-  button > &,
-  a > & {
-    width: 1.5em;
-    height: 1.5em;
-    vertical-align: text-top;
-    margin-top: -0.15em;
-    margin-inline: 0.25em;
-    color: inherit;
-  }
-
-  &[class*="text-"]{
-    fill: currentColor;
-  }
-
-  & + .icon {
-    margin-inline-start: 1rem;
-  }
-
-  &[class*="fs-"] {
-    width: 1.5em;
-    height: 1.5em;
-    vertical-align: text-top;
-    margin-top: -0.15em;
-    margin-inline: 0.25em;
-  }
-}
-
-@include inline-text(){
-  .icon {
-    width: 1em;
-    height: 1em;
-    vertical-align: text-top;
-    margin-top: 0.15em;
-    margin-inline: 0.25em;
-  }
-}
-
-// Font awesome support
-.icon[class*="fa-"]:not(.far) {
-  font-size: rem(64 - 16);
-  height: rem(64);
-  padding: 0.5rem;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: inline-block;
-  font-style: normal;
-  font-variant: normal;
-  text-rendering: auto;
-  line-height: 1;
-  font-family: "Font Awesome 6 Pro";
-  font-weight: 300;
-  width: auto;
-
-  button &,
-  a & {
-    font-size: 1em;
-    height: 1em;
-    padding: 0;
-    vertical-align: text-top;
-    margin-top: 0.15em;
-    margin-inline: 0.25em;
-  }
-}
-
-@include inline-text(){
-  .icon[class*="fa-"] {
-    font-size: 1em;
-    color: inherit;
-  }
+@use "../_func" as *;
+
+.icon {
+  fill: currentColor;
+  stroke: currentColor;
+  stroke-width: 0;
+  @include var(color,--colour-brand);
+  width: rem(64);
+  height: rem(64);
+  display: inline-block;
+
+  button > &,
+  a > & {
+    width: 1.5em;
+    height: 1.5em;
+    vertical-align: text-top;
+    margin-top: -0.15em;
+    margin-inline: 0.25em;
+    color: inherit;
+  }
+
+  &[class*="text-"]{
+    fill: currentColor;
+  }
+
+  & + .icon {
+    margin-inline-start: 1rem;
+  }
+
+  &[class*="fs-"] {
+    width: 1.5em;
+    height: 1.5em;
+    vertical-align: text-top;
+    margin-top: -0.15em;
+    margin-inline: 0.25em;
+  }
+}
+
+@include inline-text(){
+  .icon {
+    width: 1em;
+    height: 1em;
+    vertical-align: text-top;
+    margin-top: 0.15em;
+    margin-inline: 0.25em;
+  }
+}
+
+// Font awesome support
+.icon[class*="fa-"]:not(.far) {
+  font-size: rem(64 - 16);
+  height: rem(64);
+  padding: 0.5rem;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  font-style: normal;
+  font-variant: normal;
+  text-rendering: auto;
+  line-height: 1;
+  font-family: "Font Awesome 6 Pro";
+  font-weight: 300;
+  width: auto;
+
+  button &,
+  a & {
+    font-size: 1em;
+    height: 1em;
+    padding: 0;
+    vertical-align: text-top;
+    margin-top: 0.15em;
+    margin-inline: 0.25em;
+  }
+}
+
+@include inline-text(){
+  .icon[class*="fa-"] {
+    font-size: 1em;
+    color: inherit;
+  }
 }

package/assets/sass/foundations/media.scss

@@ -1,51 +1,51 @@
-@use "../_func" as *;
-
-@import "../../../node_modules/bootstrap/scss/_images.scss";
-
-img {
-  max-width: 100%;
-}
-
-.ratio {
-  > img:first-child:last-child {
-    object-fit: cover;
-  }
-}
-
-// #region Youtube
-.youtube-embed {
-
-  a,
-  iframe {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  a:before,
-  a:after {
-    display: none!important;
-  }
-
-  img {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: 100%;
-    height: 100%;
-    transform: translate(-50%,-50%);
-    object-fit: cover;
-    z-index: var(--index-base);
-  }
-
-  .btn-secondary {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%,-50%);
-    z-index: var(--index-focus);
-  }
-}
+@use "../_func" as *;
+
+@import "../../../node_modules/bootstrap/scss/_images.scss";
+
+img {
+  max-width: 100%;
+}
+
+.ratio {
+  > img:first-child:last-child {
+    object-fit: cover;
+  }
+}
+
+// #region Youtube
+.youtube-embed {
+
+  a,
+  iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+
+  a:before,
+  a:after {
+    display: none!important;
+  }
+
+  img {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 100%;
+    height: 100%;
+    transform: translate(-50%,-50%);
+    object-fit: cover;
+    z-index: var(--index-base);
+  }
+
+  .btn-secondary {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    z-index: var(--index-focus);
+  }
+}
 // #endregion

package/assets/sass/foundations/reboot.scss

@@ -1,131 +1,131 @@
-@use "../_func" as *;
-
-@import "../../../node_modules/bootstrap/scss/_reboot.scss";
-
-/* Reset & Defaults - Most of the resets/normailization stuff is done by Bootstrap */
-html {
-
-  -webkit-font-smoothing: antialiased; // Fix for Safari/iOS
-  height: 100%;
-  width: 100%;
-  overflow: hidden;
-  overflow-y: scroll;
-  overflow-x: hidden;
-  font-size: vw($device-xs-width);
-  scroll-padding-top: rem(100);
-  
-  @include media-breakpoint-up(sm) {
-    font-size: vw($device-sm-width);
-  }
-  @include media-breakpoint-up(md) {
-    font-size: vw($device-md-width);
-  }
-
-  @if $mobileOnly != "true" {
-    @media (min-width: #{em(1440)}) {
-        font-size: 100%;
-    }
-
-    @media print {
-      font-size: 16px;
-    }
-  }
-  /*
-  @media (min-width: #{em(1440)}) {
-    font-size: vw(1440);
-  }
-  @media (min-width: #{em(1600)}) {
-    font-size: 111.11%;
-  }
-  @media (min-width: #{em(1800)}) {
-    font-size: 125%;
-  }
-  */
-}
-
-body {
-
-  font-family: 'qanelasmedium', arial, sans-serif;
-  @include var(color,--colour-body);
-  width: 100%;
-  line-height: 1.5;
-  height: 100%;
-  //overflow-y: scroll;
-  //overflow-x: hidden;
-}
-
-@media (hover: none) {
-  body {
-    height: 100%;
-    overflow-y: scroll;
-    overflow-x: hidden;
-  }
-}
-
-#app {
-  min-height: 100%;
-}
-
-body > footer,
-body > #app > footer {
-  position: sticky;
-  top: 100vh;
-}
-
-address {
-  margin: 0;
-}
-
-button {
-  font-size: inherit;
-}
-
-button:focus {
-  border-radius: initial;
-  outline: 2px auto -webkit-focus-ring-color;
-}
-
-hr {
-  border: 0;
-  color: transparent;
-  margin: 0;
-  border-bottom: none;
-  background-color: currentColor;
-  opacity: 1;
-  clear:both;
-
-  &:after {
-    display: table;
-    clear: both;
-    content: "";
-  }
-}
-
-input[type="search" i]::-webkit-search-cancel-button {
-
-  appearance: none;
-}
-
-[list]::-webkit-calendar-picker-indicator {
-  display: none!important;
-}
-
-img {
-  max-width: 100%;
-}
-
-// Details reset
-summary {list-style: none}
-summary::-webkit-details-marker {display: none; }
-
-details summary { 
-  cursor: pointer;
-}
-
-details summary > * {
-  display: inline;
-}
-
-details {
-  width: 100%;
+@use "../_func" as *;
+
+@import "../../../node_modules/bootstrap/scss/_reboot.scss";
+
+/* Reset & Defaults - Most of the resets/normailization stuff is done by Bootstrap */
+html {
+
+  -webkit-font-smoothing: antialiased; // Fix for Safari/iOS
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  font-size: vw($device-xs-width);
+  scroll-padding-top: rem(100);
+  
+  @include media-breakpoint-up(sm) {
+    font-size: vw($device-sm-width);
+  }
+  @include media-breakpoint-up(md) {
+    font-size: vw($device-md-width);
+  }
+
+  @if $mobileOnly != "true" {
+    @media (min-width: #{em(1440)}) {
+        font-size: 100%;
+    }
+
+    @media print {
+      font-size: 16px;
+    }
+  }
+  /*
+  @media (min-width: #{em(1440)}) {
+    font-size: vw(1440);
+  }
+  @media (min-width: #{em(1600)}) {
+    font-size: 111.11%;
+  }
+  @media (min-width: #{em(1800)}) {
+    font-size: 125%;
+  }
+  */
+}
+
+body {
+
+  font-family: 'qanelasmedium', arial, sans-serif;
+  @include var(color,--colour-body);
+  width: 100%;
+  line-height: 1.5;
+  height: 100%;
+  //overflow-y: scroll;
+  //overflow-x: hidden;
+}
+
+@media (hover: none) {
+  body {
+    height: 100%;
+    overflow-y: scroll;
+    overflow-x: hidden;
+  }
+}
+
+#app {
+  min-height: 100%;
+}
+
+body > footer,
+body > #app > footer {
+  position: sticky;
+  top: 100vh;
+}
+
+address {
+  margin: 0;
+}
+
+button {
+  font-size: inherit;
+}
+
+button:focus {
+  border-radius: initial;
+  outline: 2px auto -webkit-focus-ring-color;
+}
+
+hr {
+  border: 0;
+  color: transparent;
+  margin: 0;
+  border-bottom: none;
+  background-color: currentColor;
+  opacity: 1;
+  clear:both;
+
+  &:after {
+    display: table;
+    clear: both;
+    content: "";
+  }
+}
+
+input[type="search" i]::-webkit-search-cancel-button {
+
+  appearance: none;
+}
+
+[list]::-webkit-calendar-picker-indicator {
+  display: none!important;
+}
+
+img {
+  max-width: 100%;
+}
+
+// Details reset
+summary {list-style: none}
+summary::-webkit-details-marker {display: none; }
+
+details summary { 
+  cursor: pointer;
+}
+
+details summary > * {
+  display: inline;
+}
+
+details {
+  width: 100%;
 }