@open-press/cli 1.0.0 → 1.1.0

package/template/core/src/styles/openpress/responsive.css

@@ -1,245 +0,0 @@
-@media (max-width: 1184px) {
-  .openpress-shell {
-    padding: 18px;
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell),
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell).is-closed-right {
-    grid-template-rows: minmax(0, 1fr);
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-areas: "main";
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell) .openpress-public-navigation {
-    position: fixed;
-    top: 0;
-    right: auto;
-    bottom: 0;
-    left: 0;
-    z-index: 40;
-    display: grid !important;
-    width: min(88vw, var(--openpress-public-nav-max-width));
-    min-width: 0;
-    max-width: var(--openpress-public-nav-max-width);
-    height: 100dvh;
-    margin: 0;
-    grid-template-rows: auto auto minmax(0, 1fr) auto;
-    overflow-x: hidden;
-    background: #181818;
-    box-shadow: 16px 0 44px rgb(0 0 0 / 42%);
-    opacity: 1;
-    visibility: visible;
-    transform: none;
-    transition:
-      left 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
-      opacity 160ms ease,
-      visibility 160ms ease;
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell) .openpress-dev-public-navigation {
-    grid-template-rows: auto minmax(0, 1fr);
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell) .openpress-public-identity {
-    min-width: 0;
-    padding-right: 54px;
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell) .openpress-public-identity strong,
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell) .openpress-public-title-main {
-    min-width: 0;
-    max-width: 100%;
-    white-space: normal;
-    overflow-wrap: anywhere;
-    word-break: normal;
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell) .reader-bookmarks {
-    overflow-x: hidden;
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell).is-closed-right .openpress-public-navigation {
-    left: calc(-1 * min(88vw, var(--openpress-public-nav-max-width)));
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-    box-shadow: none;
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell) .openpress-public-scrim {
-    position: fixed;
-    inset: 0;
-    z-index: 35;
-    background: rgb(0 0 0 / 42%);
-    backdrop-filter: blur(1px);
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell).is-closed-right .openpress-public-fab {
-    position: fixed;
-    left: 20px;
-    bottom: calc(24px + env(safe-area-inset-bottom));
-    z-index: 30;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 44px;
-    height: 44px;
-    border: 1px solid rgb(255 255 255 / 14%);
-    border-radius: 50%;
-    background: rgb(28 28 28 / 96%);
-    color: #f2f2f0;
-    box-shadow: 0 4px 20px rgb(0 0 0 / 50%);
-    backdrop-filter: blur(10px);
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell):not(.is-closed-right) .openpress-public-fab {
-    display: none;
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell):not(.is-closed-right) .openpress-public-scrim {
-    display: block;
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app,
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app.is-closed-left,
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app.is-closed-right,
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app.is-closed-left.is-closed-right {
-    --openpress-workbench-toolbar-height: 44px;
-    grid-template-rows: var(--openpress-workbench-toolbar-height) minmax(0, 1fr);
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-areas:
-      "toolbar"
-      "main";
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell .openpress-public-fab {
-    display: none !important;
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app .openpress-workbench-left-panel {
-    position: fixed;
-    top: var(--openpress-workbench-toolbar-height);
-    right: auto;
-    bottom: 0;
-    left: 0;
-    z-index: 40;
-    display: grid !important;
-    width: min(86vw, 340px);
-    height: auto;
-    min-width: 0;
-    margin: 0;
-    opacity: 1;
-    visibility: visible;
-    transform: none;
-    transition:
-      left 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
-      opacity 160ms ease,
-      visibility 160ms ease;
-    box-shadow: 16px 0 34px rgb(0 0 0 / 36%);
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app.is-closed-left .openpress-workbench-left-panel {
-    left: calc(-1 * min(86vw, 340px));
-    opacity: 0;
-    visibility: hidden;
-    box-shadow: none;
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app .openpress-workbench-right-panel {
-    position: fixed;
-    top: var(--openpress-workbench-toolbar-height);
-    right: 0;
-    bottom: 0;
-    left: auto;
-    z-index: 40;
-    display: grid !important;
-    width: min(86vw, 380px);
-    height: auto;
-    min-width: 0;
-    margin: 0;
-    opacity: 1;
-    visibility: visible;
-    transform: none;
-    transition:
-      right 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
-      opacity 160ms ease,
-      visibility 160ms ease;
-    box-shadow: -16px 0 34px rgb(0 0 0 / 36%);
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app.is-closed-right .openpress-workbench-right-panel {
-    right: calc(-1 * min(86vw, 380px));
-    opacity: 0;
-    visibility: hidden;
-    box-shadow: none;
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app .openpress-public-scrim {
-    position: fixed;
-    inset: 0;
-    z-index: 35;
-    display: block;
-    background: rgb(0 0 0 / 42%);
-    backdrop-filter: blur(1px);
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app .openpress-workbench-right-panel .openpress-public-drawer-close {
-    display: flex;
-  }
-}
-
-@media (max-width: 520px) {
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell) .openpress-public-navigation {
-    width: min(90vw, var(--openpress-public-nav-max-width));
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell).is-closed-right .openpress-public-navigation {
-    left: calc(-1 * min(90vw, var(--openpress-public-nav-max-width)));
-  }
-
-  .openpress-public-viewer.openpress-reader-app:not(.openpress-workbench-shell).is-closed-right .openpress-public-fab {
-    left: 16px;
-    bottom: calc(20px + env(safe-area-inset-bottom));
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app .openpress-workbench-left-panel {
-    width: min(90vw, 340px);
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app.is-closed-left .openpress-workbench-left-panel {
-    left: calc(-1 * min(90vw, 340px));
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app .openpress-workbench-right-panel {
-    width: min(90vw, 380px);
-  }
-
-  .openpress-public-viewer.openpress-workbench-shell.openpress-reader-app.is-closed-right .openpress-workbench-right-panel {
-    right: calc(-1 * min(90vw, 380px));
-  }
-
-  .openpress-workbench-toolbar {
-    gap: 6px;
-    padding: 0 6px;
-  }
-
-  .openpress-workbench-toolbar__content,
-  .openpress-workbench-toolbar__group {
-    gap: 4px;
-  }
-
-  .openpress-workbench-page-geometry {
-    max-width: min(34vw, 160px);
-    gap: 5px;
-    padding: 0 6px;
-  }
-
-  .openpress-workbench-page-geometry__dimensions {
-    display: none;
-  }
-
-  .openpress-workbench-toolbar-action[data-openpress-toolbar-expanded="true"] {
-    max-width: min(34vw, 132px);
-    padding: 0 8px;
-  }
-}