=Starting the Favourites.js setup, converting previous Northeh stuff to new...

Jake Vanderwerf

4 days ago 0afb2c0046b55c123eafb4ab9ee77efa68d12463

 src/feed/editor.scss

New file
@@ -0,0 +1,128 @@
.feed-content-types {
    margin-bottom: 16px;

    .components-base-control__label {
        margin-bottom: 8px;
        font-weight: 500;
    }

    .components-checkbox-control {
        margin-bottom: 8px;

        &:last-child {
            margin-bottom: 0;
        }

        .components-checkbox-control__input-container {
            margin-right: 8px;
        }
    }
}
.feed-block {
    border: 1px solid #ddd;
    padding: 20px;
    background: white;

    .feed-block-preview {
        .filter-preview {
            display: flex;
            gap: 8px;
            margin: 16px 0;
            flex-wrap: wrap;

            .content-type-badge {
                background: #f0f0f0;
                padding: 4px 8px;
                border-radius: 4px;
                font-size: 12px;
            }
        }

        .feed-grid-placeholder {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 16px;
            margin-top: 20px;

            .grid-item-placeholder {
                background: #f0f0f0;
                aspect-ratio: 1;
                border-radius: 4px;
            }
        }
    }
}

.feed-content-types {
    margin-bottom: 16px;

    .components-base-control__label {
        margin-bottom: 8px;
        font-weight: 500;
    }

    .checkbox-list {
        border: 1px solid #ddd;
        border-radius: 4px;
        max-height: 200px;
        overflow-y: auto;
        padding: 8px;
        background: white;

        .components-checkbox-control {
            margin: 4px 0;

            &:first-child {
                margin-top: 0;
            }

            &:last-child {
                margin-bottom: 0;
            }
        }
    }

    .select-all-wrapper {
        margin-top: 8px;
        padding-top: 8px;
        border-top: 1px solid #ddd;
    }

    .components-checkbox-control__input-container {
        margin-right: 8px;
    }
}
.feed-block {
    border: 1px solid #ddd;
    padding: 20px;
    background: white;

    .feed-block-preview {
        .filter-preview {
            display: flex;
            gap: 8px;
            margin: 16px 0;
            flex-wrap: wrap;

            .content-type-badge {
                background: #f0f0f0;
                padding: 4px 8px;
                border-radius: 4px;
                font-size: 12px;
            }
        }

        .feed-grid-placeholder {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
            gap: 16px;
            margin-top: 20px;

            .grid-item-placeholder {
                background: #f0f0f0;
                aspect-ratio: 1;
                border-radius: 4px;
            }
        }
    }
}