@iamproperty/components 3.1.0 → 3.4.4

package/assets/sass/components/snapshot.scss

@@ -1,71 +1,71 @@
-@use "../_func" as *;
-
-.snapshot {
-
-  > .row {
-
-    padding-bottom: 1rem;
-
-  }
-
-  > .row > .col {
-
-    margin-bottom: 1rem;
-    min-width: rem(150);
-    position: relative;
-  }
-
-  @include media-breakpoint-up(sm) {
-    > .row > .col:nth-child(8) ~ .col {
-      max-width: 25%;
-    }
-  }
-
-  @include media-breakpoint-up(md) {
-    > .row > .col:nth-child(8) ~ .col {
-      max-width: 12.5%;
-    }
-  }
-
-  &__item {
-
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    height: 100%;
-    padding: 1rem;
-
-    &:not([class*="bg-"]){
-      border: 1px solid var(--colour-border);
-    }
-  }
-
-
-  a {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    width: 100%;
-    opacity: 0;
-    z-index: 1;
-
-    &:hover + .snapshot__item {
-      opacity: 0.8;
-    }
-  }
-
-  &__title {
-    margin-bottom: 1rem;
-
-    &:after {
-      content: ":";
-    }
-  }
-
-  .stat {
-    text-decoration: none;
-    margin-bottom: 0;
-  }
+@use "../_func" as *;
+
+.snapshot {
+
+  > .row {
+
+    padding-bottom: 1rem;
+
+  }
+
+  > .row > .col {
+
+    margin-bottom: 1rem;
+    min-width: rem(150);
+    position: relative;
+  }
+
+  @include media-breakpoint-up(sm) {
+    > .row > .col:nth-child(8) ~ .col {
+      max-width: 25%;
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    > .row > .col:nth-child(8) ~ .col {
+      max-width: 12.5%;
+    }
+  }
+
+  &__item {
+
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    height: 100%;
+    padding: 1rem;
+
+    &:not([class*="bg-"]){
+      border: 1px solid var(--colour-border);
+    }
+  }
+
+
+  a {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    opacity: 0;
+    z-index: 1;
+
+    &:hover + .snapshot__item {
+      opacity: 0.8;
+    }
+  }
+
+  &__title {
+    margin-bottom: 1rem;
+
+    &:after {
+      content: ":";
+    }
+  }
+
+  .stat {
+    text-decoration: none;
+    margin-bottom: 0;
+  }
 }

package/assets/sass/components/stepper.scss

@@ -1,165 +1,165 @@
-@use "../_func" as *;
-
-.stepper {
-  background: #f0f0f0;
-  display: flex;
-  flex-wrap: wrap;
-  margin-bottom: 2rem;
-  border: 1px solid var(--body-bg);
-  overflow: hidden;
-
-  @include media-breakpoint-up(md) {
-      
-    flex-wrap: nowrap;
-    overflow-x: auto;
-  }
-
-  ol {
-    margin: 0;
-    z-index: 1;
-    background: var(--body-bg);
-    counter-reset: section;
-    width: 100%;
-    overflow: auto;
-
-    @include media-breakpoint-up(sm) {
-
-      display: flex;
-      flex-grow: 1;
-      padding-right: calc(2rem + 1px);
-      margin-top: -1px;
-      margin-bottom: -1px;
-      margin-right: calc(-2rem + -2px);
-      clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);
-    }
-
-    @include media-breakpoint-up(md) {
-      overflow: initial;
-    }
-
-    li {
-      width: 100%;
-      max-width: 100%;
-      background: var(--body-bg);
-      padding: 1px;
-
-      @include media-breakpoint-up(sm) {
-        &:first-child a{
-          padding-left: 1rem;
-          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);
-        }
-      }
-
-      @include media-breakpoint-up(md) {
-        &:first-child a{
-          padding-left: 2rem;
-        }
-      }
-      
-      a {
-        display: block;
-        padding: 1rem;
-        text-decoration: none;
-        position: relative;
-        background: var(--colour-muted);
-        line-height: 1;
-        position: relative;
-        color: var(--colour-primary);
-
-        @include media-breakpoint-up(sm) {
-
-          margin-right: -2rem;
-          padding: 2rem 3rem 2rem 3rem;
-          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 2rem 50%);
-          display: flex;
-          height: 100%;
-          vertical-align: baseline;
-          justify-content: center;
-          align-items: center;
-        }
-        
-        span {
-          position: relative;
-          display: inline;
-          padding-left: 2.25rem;
-
-          &:before {
-            counter-increment: section; 
-            content: counter(section);
-            display: block;
-            position: absolute;
-            top: 50%;
-            left: 0;
-            transform: translate(0,-50%);
-            margin-right: 0.5rem;
-            font-size: 0.75em;
-            border-radius: 50%;
-            border: 2px solid currentColor;
-            height: 1.5rem;
-            line-height: 1.3rem;
-            width: 1.5rem;
-            font-family: var(--font-heading);
-            text-align: center;
-          }
-        }
-
-        &.bg-warning span:before,
-        &.bg-danger span:before {
-          content: "!";
-        }
-
-        &.bg-success span:before {
-          content: "\2713";
-          text-indent: -0.1em;
-        }
-
-        &.current {
-          background: var(--colour-primary);
-          color: white;
-          pointer-events: none;
-        }
-
-        &:not([href]){
-          pointer-events: none;
-        }
-
-        &[href]:hover {
-          opacity: 0.6;
-        }
-        &[href]:active {
-
-          opacity: 0.8;
-        }
-
-      }
-    }
-  }
-
-
-  > span {
-
-    width: 100%;
-    display: flex;
-    padding: 1rem;
-    flex-shrink: 0;
-    margin: 0;
-    position: relative;
-    z-index: 0;
-    align-items: center;
-
-    &.stepper__end {
-      display: none;
-    }
-      
-    @include media-breakpoint-up(md) {
-        
-      width: max-content;
-      padding: 2rem 2rem;
-      
-      &.stepper__end {
-        padding-left: 3.5rem;
-        display: flex;
-      }
-    }
-  }
+@use "../_func" as *;
+
+.stepper {
+  background: #f0f0f0;
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 2rem;
+  border: 1px solid var(--body-bg);
+  overflow: hidden;
+
+  @include media-breakpoint-up(md) {
+      
+    flex-wrap: nowrap;
+    overflow-x: auto;
+  }
+
+  ol {
+    margin: 0;
+    z-index: 1;
+    background: var(--body-bg);
+    counter-reset: section;
+    width: 100%;
+    overflow: auto;
+
+    @include media-breakpoint-up(sm) {
+
+      display: flex;
+      flex-grow: 1;
+      padding-right: calc(2rem + 1px);
+      margin-top: -1px;
+      margin-bottom: -1px;
+      margin-right: calc(-2rem + -2px);
+      clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);
+    }
+
+    @include media-breakpoint-up(md) {
+      overflow: initial;
+    }
+
+    li {
+      width: 100%;
+      max-width: 100%;
+      background: var(--body-bg);
+      padding: 1px;
+
+      @include media-breakpoint-up(sm) {
+        &:first-child a{
+          padding-left: 1rem;
+          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%);
+        }
+      }
+
+      @include media-breakpoint-up(md) {
+        &:first-child a{
+          padding-left: 2rem;
+        }
+      }
+      
+      a {
+        display: block;
+        padding: 1rem;
+        text-decoration: none;
+        position: relative;
+        background: var(--colour-muted);
+        line-height: 1;
+        position: relative;
+        color: var(--colour-primary);
+
+        @include media-breakpoint-up(sm) {
+
+          margin-right: -2rem;
+          padding: 2rem 3rem 2rem 3rem;
+          clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 50%, calc(100% - 2rem) 100%, 0 100%, 2rem 50%);
+          display: flex;
+          height: 100%;
+          vertical-align: baseline;
+          justify-content: center;
+          align-items: center;
+        }
+        
+        span {
+          position: relative;
+          display: inline;
+          padding-left: 2.25rem;
+
+          &:before {
+            counter-increment: section; 
+            content: counter(section);
+            display: block;
+            position: absolute;
+            top: 50%;
+            left: 0;
+            transform: translate(0,-50%);
+            margin-right: 0.5rem;
+            font-size: 0.75em;
+            border-radius: 50%;
+            border: 2px solid currentColor;
+            height: 1.5rem;
+            line-height: 1.3rem;
+            width: 1.5rem;
+            font-family: var(--font-heading);
+            text-align: center;
+          }
+        }
+
+        &.bg-warning span:before,
+        &.bg-danger span:before {
+          content: "!";
+        }
+
+        &.bg-success span:before {
+          content: "\2713";
+          text-indent: -0.1em;
+        }
+
+        &.current {
+          background: var(--colour-primary);
+          color: white;
+          pointer-events: none;
+        }
+
+        &:not([href]){
+          pointer-events: none;
+        }
+
+        &[href]:hover {
+          opacity: 0.6;
+        }
+        &[href]:active {
+
+          opacity: 0.8;
+        }
+
+      }
+    }
+  }
+
+
+  > span {
+
+    width: 100%;
+    display: flex;
+    padding: 1rem;
+    flex-shrink: 0;
+    margin: 0;
+    position: relative;
+    z-index: 0;
+    align-items: center;
+
+    &.stepper__end {
+      display: none;
+    }
+      
+    @include media-breakpoint-up(md) {
+        
+      width: max-content;
+      padding: 2rem 2rem;
+      
+      &.stepper__end {
+        padding-left: 3.5rem;
+        display: flex;
+      }
+    }
+  }
 }