infusion/src/framework/preferences/css/sass/FullNoPreviewPrefsEditor.scss at main · cindyli/infusion · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
// 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 var(--fl-fgColor, #ddd);
        break-inside: avoid;
        clear: both;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;

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

    // 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
    }
}