claritas-web-framework 6.4.26 → 7.0.0

package/styles/utilities/order.css

@@ -1,33 +0,0 @@
-.order--first {
-  order: -1 !important;
-}
-
-.order--last {
-  order: 13 !important;
-}
-
-@for $i from 0 through 12 {
-  .order--$(i) {
-    order: $i !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @media (--viewport-$(view)) {
-    .order--$(view)-first {
-      order: -1 !important;
-    }
-
-    .order--$(view)-last {
-      order: 13 !important;
-    }
-  }
-
-  @for $i from 0 through 12 {
-    @media (--viewport-$(view)) {
-      .order--$(view)-$(i) {
-        order: $i !important;
-      }
-    }
-  }
-}

package/styles/utilities/overflow.css

@@ -1,31 +0,0 @@
-@each $name in (auto, hidden, visible, scroll) {
-  .overflow--$(name) {
-    overflow: $name !important;
-  }
-
-  .overflow-x--$(name) {
-    overflow-x: $name !important;
-  }
-
-  .overflow-y--$(name) {
-    overflow-y: $name !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name in (auto, hidden, visible, scroll) {
-    @media (--viewport-$(view)) {
-      .overflow--$(view)-$(name) {
-        overflow: $name !important;
-      }
-
-      .overflow--$(view)-x-$(name) {
-        overflow-x: $name !important;
-      }
-
-      .overflow--$(view)-y-$(name) {
-        overflow-y: $name !important;
-      }
-    }
-  }
-}

package/styles/utilities/pointer-events.css

@@ -1,5 +0,0 @@
-@each $name in (auto, none) {
-  .pointer-events--$(name) {
-    pointer-events: $name !important;
-  }
-}

package/styles/utilities/position.css

@@ -1,79 +0,0 @@
-@each $name in (static, relative, absolute, fixed, sticky) {
-  .position--$(name) {
-    position: $name !important;
-    z-index: var(--zindex-#{$name});
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name in (static, relative, absolute, fixed, sticky) {
-    @media (--viewport-$(view)) {
-      .position--$(view)-$(name) {
-        position: $name !important;
-        z-index: var(--zindex-#{$name});
-      }
-    }
-  }
-}
-
-.position--fixed-top {
-  position: fixed !important;
-  top: 0 !important;
-  right: 0 !important;
-  left: 0 !important;
-  z-index: var(--zindex-fixed);
-}
-
-.positon--fixed-bottom {
-  position: fixed !important;
-  right: 0 !important;
-  bottom: 0 !important;
-  left: 0 !important;
-  z-index: var(--zindex-fixed);
-}
-
-.position--sticky-top {
-  position: sticky !important;
-  top: 0 !important;
-  z-index: var(--zindex-sticky);
-}
-
-@each $name in (0, 50, 100) {
-  .top--$(name) {
-    top: calc($(name) * 1%) !important;
-  }
-
-  .right--$(name) {
-    right: calc($(name) * 1%) !important;
-  }
-
-  .bottom--$(name) {
-    bottom: calc($(name) * 1%) !important;
-  }
-
-  .left--$(name) {
-    left: calc($(name) * 1%) !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @each $name in (0, 50, 100) {
-    @media (--viewport-$(view)) {
-      .top--$(view)-$(name) {
-        top: calc($(name) * 1%) !important;
-      }
-
-      .bottom--$(view)-$(name) {
-        bottom: calc($(name) * 1%) !important;
-      }
-
-      .left--$(view)-$(name) {
-        left: calc($(name) * 1%) !important;
-      }
-
-      .right--$(view)-$(name) {
-        right: calc($(name) * 1%) !important;
-      }
-    }
-  }
-}

package/styles/utilities/shadow.css

@@ -1,7 +0,0 @@
-@each $name
-  in (none, small, medium, large, inverse-small, inverse-medium, inverse-large)
-{
-  .box-shadow--$(name) {
-    box-shadow: var(--box-shadow-#{$name}) !important;
-  }
-}

package/styles/utilities/size.css

@@ -1,123 +0,0 @@
-@for $i from 1 through 100 {
-  .width--$(i) {
-    width: calc($i * 1%) !important;
-  }
-
-  .height--$(i) {
-    height: calc($i * 1%) !important;
-  }
-
-  .max-width--$(i) {
-    max-width: calc($i * 1%) !important;
-  }
-
-  .max-height--$(i) {
-    max-height: calc($i * 1%) !important;
-  }
-
-  .min-width--$(i) {
-    min-width: calc($i * 1%) !important;
-  }
-
-  .min-height--$(i) {
-    min-height: calc($i * 1%) !important;
-  }
-
-  .width--$(i)-viewport {
-    width: calc($i * 1vw) !important;
-  }
-
-  .height--$(i)-viewport {
-    height: calc($i * 1vh) !important;
-  }
-
-  .max-width--$(i)-viewport {
-    max-width: calc($i * 1vw) !important;
-  }
-
-  .max-height--$(i)-viewport {
-    max-height: calc($i * 1vh) !important;
-  }
-
-  .min-width--$(i)-viewport {
-    min-width: calc($i * 1vw) !important;
-  }
-
-  .min-height--$(i)-viewport {
-    min-height: calc($i * 1vh) !important;
-  }
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @for $i from 1 through 100 {
-    @media (--viewport-$(view)) {
-      .width--$(view)-$(i) {
-        width: calc($i * 1%) !important;
-      }
-
-      .height--$(view)-$(i) {
-        height: calc($i * 1%) !important;
-      }
-
-      .max-width--$(view)-$(i) {
-        max-width: calc($i * 1%) !important;
-      }
-
-      .max-height--$(view)-$(i) {
-        max-height: calc($i * 1%) !important;
-      }
-
-      .min-width--$(view)-$(i) {
-        min-width: calc($i * 1%) !important;
-      }
-
-      .min-height--$(view)-$(i) {
-        min-height: calc($i * 1%) !important;
-      }
-
-      .width--$(view)-$(i)-viewport {
-        width: calc($i * 1vw) !important;
-      }
-
-      .height--$(view)-$(i)-viewport {
-        height: calc($i * 1vh) !important;
-      }
-
-      .max-width--$(view)-$(i)-viewport {
-        max-width: calc($i * 1vw) !important;
-      }
-
-      .max-height--$(view)-$(i)-viewport {
-        max-height: calc($i * 1vh) !important;
-      }
-
-      .min-width--$(view)-$(i)-viewport {
-        min-width: calc($i * 1vw) !important;
-      }
-
-      .min-height--$(view)-$(i)-viewport {
-        min-height: calc($i * 1vh) !important;
-      }
-    }
-  }
-}
-
-.width--auto {
-  width: auto !important;
-}
-
-.height--auto {
-  height: auto !important;
-}
-
-@each $view in mobile, tablet, desktop, widescreen, fullhd {
-  @media (--viewport-$(view)) {
-    .width--$(view)-auto {
-      width: auto !important;
-    }
-
-    .height--$(view)-auto {
-      height: auto !important;
-    }
-  }
-}