@social-mail/social-mail-client 1.8.445 → 1.9.2

package/styler-lite/styles/properties/effects/transform.css

@@ -18,7 +18,7 @@
     transform-origin: var(--styler-transform-origin);
 }
 
-@media (min-width: 701px) {
+@media (min-width: 701px) and (max-width: 900px) {
 
     [styler-tablet-transform] {
         transform: var(--styler-tablet-transform);
@@ -65,28 +65,3 @@
     }
 
 }
-
-
-@media (min-width: 900px) {
-        
-    [styler-desktop-transform] {
-        transform: var(--styler-desktop-transform);
-    }
-
-    [styler-desktop-transform-origin] {
-        transform-origin: var(--styler-desktop-transform-origin);
-    }
-    
-    [styler-desktop-scale] {
-        scale: var(--styler-desktop-scale);
-    }
-
-    [styler-desktop-translate] {
-        translate: var(--styler-desktop-translate);
-    }
-
-    [styler-desktop-rotate] {
-        rotate: var(--styler-desktop-rotate);
-    }
-
-}

package/styler-lite/styles/properties/image/image.css

@@ -14,20 +14,13 @@
     }
 }
 
-@media (min-width: 701px) {
+@media (min-width: 701px) and (max-width: 900px) {
     [styler-tablet-object-position] {
         object-position: var(--styler-tablet-object-position);
         object-fit: none;
     }
 }
 
-@media (min-width: 900px) {
-    [styler-desktop-object-position] {
-        object-position: var(--styler-desktop-object-position);
-        object-fit: none;
-    }
-}
-
 [styler-image-orientation] {
     image-orientation: var(--styler-image-orientation);
 }

package/styler-lite/styles/properties/position/position.css

@@ -12,18 +12,12 @@
     }
 }
 
-@media (min-width: 701px) {
+@media (min-width: 701px) and (max-width: 900px) {
     [styler-tablet-inset] {
         inset: var(--styler-tablet-inset);
     }
 }
 
-@media (min-width: 900px) {
-    [styler-desktop-inset] {
-        inset: var(--styler-desktop-inset);
-    }
-}
-
 [styler-left] {
     left: var(--styler-left);
 }

package/styler-lite/styles/properties/size/size.css

@@ -99,7 +99,7 @@
 
 }
 
-@media (min-width: 701px) {
+@media (min-width: 701px) and (max-width: 900px) {
 
     [styler-tablet-width] {
         width: var(--styler-tablet-width);
@@ -151,56 +151,3 @@
     }
 
 }
-
-
-@media (min-width: 900px) {
-
-    [styler-desktop-width] {
-        width: var(--styler-desktop-width);
-    }
-
-    [styler-desktop-min-width] {
-        min-width: var(--styler-desktop-min-width);
-    }
-
-    [styler-desktop-max-width] {
-        max-width: var(--styler-desktop-max-width);
-    }
-
-    [styler-desktop-height] {
-        height: var(--styler-desktop-height);
-    }
-
-    [styler-desktop-min-height] {
-        min-height: var(--styler-desktop-min-height);
-    }
-
-    [styler-desktop-max-height] {
-        max-height: var(--styler-desktop-max-height);
-    }
-
-    [styler-desktop-child-width] > * {
-        width: var(--styler-desktop-child-width);
-    }
-
-    [styler-desktop-child-min-width] > * {
-        min-width: var(--styler-desktop-child-min-width);
-    }
-
-    [styler-desktop-child-max-width] > * {
-        max-width: var(--styler-desktop-child-max-width);
-    }
-
-    [styler-desktop-child-height] > * {
-        height: var(--styler-desktop-child-height);
-    }
-
-    [styler-desktop-child-min-height] > * {
-        min-height: var(--styler-desktop-child-min-height);
-    }
-
-    [styler-desktop-child-max-height] > * {
-        max-height: var(--styler-desktop-child-max-height);
-    }
-
-}

package/styler-lite/styles/properties/text/text.css

@@ -8,18 +8,12 @@
     }
 }
 
-@media (min-width: 701px) {
+@media (min-width: 701px) and (max-width: 900px) {
     [styler-tablet-font-size] {
         font-size: var(--styler-tablet-font-size);
     }
 }
 
-@media (min-width: 900px) {
-    [styler-desktop-font-size] {
-        font-size: var(--styler-desktop-font-size);
-    }
-}
-
 [styler-font-weight] {
     font-weight: var(--styler-font-weight);
 }

package/styler/body.css

@@ -1,17 +0,0 @@
-a {
-    text-decoration: none;
-}
-
-a:hover {
-    color: var(--accent-color);
-}
-
-body {
-    background-color: var(--body-color);
-    color: var(--default-text-color);
-    overflow-x: hidden;
-}
-
-body[editing=true] {
-    margin: 20px;
-}

package/styler/core.js

@@ -1,28 +0,0 @@
-export const splitNames = ( /** @type {string} */ text) => text
-    .split(",")
-    .map((x) => x.trim())
-    .filter((x) => x);
-
-export const stylerProperty = (
-    /** @type {string} */ key,
-    /** @type {string} */ value
-) => value
-    ? `[styler-${key}]`
-    : `[styler-${key}=${value}]`;
-
-export const stylerAnimations = [
-    "on-enter",
-    "on-hover",
-    "on-leave",
-    "on-scroll",
-];
-
-export const stylerAnimation = (
-    /** @type {string} */ key,
-    /** @type {string} */ value,
-    /** @type {string} */ suffix = ""
-) => value
-    ? `:not(animated-text)[styler-${key}=${value}]${suffix},
-    animated-text[styler-${key}=${value}]${suffix} > *`
-    : `:not(animated-text)[styler-${key}]${suffix},
-    animated-text[styler-${key}]${suffix} > *`;

package/styler/end.css

@@ -1,117 +0,0 @@
-body {
-    font-family: var(--font-default, --default-fonts);
-}
-
-body[editing] {
-    & menu-bar {
-        & menu-item {
-            & nav {
-                display: none;
-            }
-        }
-    }
-
-    & [styler-layout] {
-
-        &:empty:before {
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            min-height: 30px;
-            height: 100%;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "Container";
-        }
-
-        & > :not(animated-text):not(pdf-link):not(img):not(inline-svg):not([is-web-component]):empty:before {
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            min-height: 30px;
-            height: 100%;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "Container";
-        }
-    }
-
-    & > h1, & > h2, & > h3, & > h4, & > h5, & > h6 {
-        &:empty:before {
-            content: "Title";
-        }
-    }
-
-    & marquee-text:empty:before {
-        content: "Marquee Text";
-    }
-
-    & inject {
-        display: flex;
-        flex-direction: column;
-        width: 100vw;
-        padding: 0;
-        margin: 0;
-        align-self: center;
-        align-items: center;
-        justify-content: center;
-
-        &:has(:first-child[styler-position=sticky]) {
-            position: sticky;
-            top: 0;
-            z-index: 100;
-        }
-
-        & > :not([styler-layout=banner]) {
-            width: var(--children-width, 100%);
-        }
-        & * {
-            user-select: none;
-            pointer-events: none;
-        }
-        &:empty:before {
-            content: "Inject Not Set";
-        }
-
-        & > [styler-background-mode=extend] {
-            align-self: center;
-            width: 100vw;
-            padding: 10px calc(50vw - var(--children-width) / 2 + 20px);
-            border-radius: 0;
-        }
-
-    }
-
-    & video-player {
-        &:empty:before {
-            content: "Video Player";
-        }
-
-    }
-
-    & pdf-flip-book {
-        & * {
-            user-select: none;
-            pointer-events: none;
-        }
-        &:empty:before {
-            content: "PDF Flip Book";
-        }
-    }
-}

package/styler/init.css

@@ -1,13 +0,0 @@
-html, body {
-    margin: 0;
-    padding: 0;
-    scrollbar-width: thin;
-}
-
-:root {
-    --default-fonts: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
-}
-
-* {
-    box-sizing: border-box;
-}

package/styler/styler-main.css

@@ -1,18 +0,0 @@
-@import "./init.css";
-@import "./vars.css";
-@import "./body.css";
-
-@import-styled-js "./styles/elements/**/*.css.js";
-@import-glob "./styles/elements/**/*.css";
-
-@import-styled-js "./styles/layouts/**/*.css.js";
-@import-glob "./styles/layouts/**/*.css";
-
-@import-styled-js "./styles/properties/**/*.css.js";
-@import-glob "./styles/properties/**/*.css";
-
-@import-styled-js "./styles/animations/**/*.css.js";
-@import-glob "./styles/animations/**/*.css";
-
-@import "./end.css";
-