infusion/src/framework/preferences/css/stylus/FullNoPreviewPrefsEditor.styl

Infusion is an application framework for developing flexible stuff with JavaScript

// UI Option styles for Full page without preview

body {
    max-width: 60em;
    min-width: 56em;
}

.fl-prefsEditor-fullNoPreview {
    // Category separator
    .fl-prefsEditor-category {
        border-top: 2px solid #dddddd;
        clear: both;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;

        // Section header icons
        h2 img {
            padding-top: 10px;
            margin-bottom: -4px;
        }
    }

    // Save, reset, cancel buttons
    .fl-prefsEditor-buttons {
        text-align: right;
    }

    // Controls
    .fl-prefsEditors-controls {
        -webkit-columns: 15.625rem 4;
        -moz-columns: 15.625rem 4;
        columns: 15.625rem 4;
    }

    ul {
        float: left;

        li {
            clear: left;
        }
    }

    label, .fl-inputs {
        margin-bottom: 15px;        // adds space between label, inputs when browser window is narrow
    }
}