@alfalab/core-components-modal 4.1.0 → 4.2.0

package/dist/components/header/index.css

@@ -0,0 +1,78 @@
+/* hash: 1og3q */
+:root {
+    --color-light-bg-primary: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --modal-header-background: var(--color-light-bg-primary);
+
+    /* sizes */
+
+    /* paddings */
+
+    /* sticky */
+
+    /* scroll */
+    --modal-header-highlight-box-shadow: none;
+    --modal-header-highlight-background: var(--color-light-bg-primary);
+
+    /* mobile */
+}
+.modal__header_117ge {
+    width: 100%;
+    box-sizing: border-box;
+    display: flex;
+    align-items: stretch;
+    justify-content: flex-end;
+    transition: box-shadow 0.2s ease, background 0.2s ease;
+}
+.modal__highlighted_117ge {
+    background: var(--modal-header-highlight-background);
+    box-shadow: var(--modal-header-highlight-box-shadow);
+}
+.modal__sticky_117ge {
+    position: sticky
+}
+.modal__sticky_117ge.modal__hasContent_117ge {
+        background: var(--modal-header-background);
+    }
+.modal__content_117ge {
+    flex-grow: 1;
+}
+.modal__title_117ge {
+    word-break: break-word;
+}
+.modal__addon_117ge {
+    min-width: 48px;
+    height: 48px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.modal__left_117ge {
+    justify-content: flex-start;
+    text-align: left;
+}
+.modal__center_117ge {
+    justify-content: center;
+    text-align: center;
+}
+.modal__right_117ge {
+    justify-content: flex-end;
+    text-align: right;
+}
+.modal__trim_117ge {
+    overflow: hidden
+}
+.modal__trim_117ge .modal__title_117ge {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }