@pacem/pacem-theme-less 1.0.0-amaldi

package/pacem/ui/dark/body.less

@@ -0,0 +1,5 @@
+@import "../shared";
+
+@media (min-width: 1200px) {
+
+}

package/pacem/ui/dark/bottom-sheet.less

@@ -0,0 +1,69 @@
+@import "../shared";
+
+@{P}-bottom-sheet-handle {
+    display: block;
+    cursor: pointer;
+    height: ~"var(--@{PCSS}-layout-footer-height)";
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    touch-action: none;
+
+    > * {
+        pointer-events: none;
+    }
+}
+
+@{P}-bottom-sheet {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    overflow: hidden;
+    display: flex;
+    z-index: @lightbox-z-index + 1;
+    align-items: start;
+    justify-content: stretch;
+    pointer-events: none;
+
+    > .bottom-sheet {
+        pointer-events: auto;
+        overflow: auto;
+        max-height: 100vh;
+        width: 100%;
+        outline: none;
+        -webkit-tap-highlight-color: transparent;
+        //transform: var(~"--@{PCSS}-bottom-sheet-transform", translate3d(0, calc(100% - ~"var(--@{PCSS}-bottom-sheet-handle-height)"), 0));
+        transform: translate3d(0, calc(100vh - ~"var(--@{PCSS}-layout-footer-height)"), 0);
+    }
+
+    &.bottom-sheet-open {
+        pointer-events: auto;
+        .Blur(6px);
+
+        > .bottom-sheet {
+            // transform: var(~"--@{PCSS}-bottom-sheet-transform", translate3d(0, max(calc(-100vh + ~"var(--@{PCSS}-layout-header-height)"), 0), 0));
+            transform: translate3d(0, max(~"var(--@{PCSS}-layout-header-height)", calc(100vh - 100%)), 0);
+        }
+    }
+}
+
+
+// animations
+.@{PCSS}-animations {
+
+    @{P}-bottom-sheet {
+        transition-property: backdrop-filter;
+        transition-duration: .175s;
+        transition-timing-function: linear;
+        transition-delay: 0s;
+
+        > .bottom-sheet {
+            transition-property: transform;
+            transition-timing-function: @easing_in_out_sine;
+            transition-duration: .3s;
+            transition-delay: 0s;
+        }
+    }
+}