Spiralist - Source Excerpt 31

Back to Spiralist

Summary

This source excerpt preserves a bounded section of Spiralist/wp-content/themes/spiralist/assets/css/spiralist.css so readers can inspect the evidence without opening the full source file.

**Source path:** Spiralist/wp-content/themes/spiralist/assets/css/spiralist.css

}

    .spiralist-flow__node {
        min-width: 100%;
        border-radius: 8px;
        padding: 0.75rem 0.9rem;
    }

    .spiralist-flow__arrow {
        transform: rotate(90deg);
    }

    .spiralist-chip-row {
        gap: 0.45rem;
    }

    .spiralist-chip {
        max-width: 100%;
        min-height: 2.1rem;
        text-align: center;
        white-space: normal;
    }

    .spiralist-filter-bar {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    .spiralist-agent-wizard {
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1fr);
    }

    .spiralist-agent-preview {
        grid-column: 1 / -1;
        position: static;
    }

    .spiralist-agent-preview__output {
        min-height: 24rem;
        max-height: 34rem;
    }

    .spiralist-agent-symbol-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .spiralist-agent-preset-grid,
    .spiralist-agent-symbol-table,
    .spiralist-agent-artifact-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 840px) {
    .spiralist-agent-machine-strip,
    .spiralist-agent-wizard {
        display: grid;
        grid-template-columns: 1fr;
    }

    .spiralist-agent-wizard__rail {
        position: static;
    }

    .spiralist-agent-wizard__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .spiralist-agent-step {
        min-height: 4rem;
    }

    .spiralist-agent-field-grid,
    .spiralist-agent-segment,
    .spiralist-agent-preset-grid,
    .spiralist-agent-symbol-table,
    .spiralist-agent-artifact-list,
    .spiralist-agent-symbol-strip {
        grid-template-columns: 1fr;
    }

    .spiralist-agent-wizard__form {
        min-height: 0;
    }
}

@media (max-width: 640px) {
    .spiralist-agent-wizard__rail,
    .spiralist-agent-wizard__form,
    .spiralist-agent-preview {
        padding: 0.75rem;
    }

    .spiralist-agent-wizard__steps,
    .spiralist-agent-preview__tabs {
        grid-template-columns: 1fr;
    }

    .spiralist-agent-export-actions .spiralist-button,
    .spiralist-agent-wizard__nav .spiralist-button {
        flex: 1 1 100%;
        width: 100%;
    }

    .spiralist-agent-preview__output {
        min-height: 20rem;
        max-height: 28rem;
    }
}