@alfalab/core-components-modal 4.1.0 → 5.0.1

package/dist/modern/components/header/index.css

@@ -0,0 +1,85 @@
+/* hash: 1fcvj */
+:root {
+    --color-light-bg-primary: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    --modal-header-background: var(--color-light-bg-primary);
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+    --modal-header-highlight-background: var(--color-light-bg-primary);
+    --modal-header-highlight-box-shadow: none;
+
+    /* desktop */
+
+    /* mobile */
+}
+.modal__header_33dzh {
+    width: 100%;
+    box-sizing: border-box;
+    display: flex;
+    align-items: stretch;
+    justify-content: space-between;
+    transition: box-shadow 0.2s ease, background 0.2s ease
+}
+.modal__header_33dzh:not(.modal__hasContent_33dzh) {
+        pointer-events: none;
+    }
+.modal__highlighted_33dzh {
+    background: var(--modal-header-highlight-background);
+    box-shadow: var(--modal-header-highlight-box-shadow);
+}
+.modal__sticky_33dzh {
+    position: sticky
+}
+.modal__sticky_33dzh.modal__hasContent_33dzh {
+        background: var(--modal-header-background);
+    }
+.modal__content_33dzh {
+    flex-grow: 1;
+}
+.modal__title_33dzh {
+    word-break: break-word;
+}
+.modal__addon_33dzh {
+    min-width: 48px;
+    height: 48px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    pointer-events: all;
+}
+.modal__closer_33dzh {
+    margin-left: auto;
+}
+.modal__left_33dzh {
+    justify-content: flex-start;
+    text-align: left;
+}
+.modal__center_33dzh {
+    justify-content: center;
+    text-align: center;
+}
+.modal__right_33dzh {
+    justify-content: flex-end;
+    text-align: right;
+}
+.modal__trim_33dzh {
+    overflow: hidden
+}
+.modal__trim_33dzh .modal__title_33dzh {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }