# betterdocs/4.9.5/react-src/scss/partials/single-category-grid.scss

BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot, version 4.9.5. 36 lines.

- Page: https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/scss/partials/single-category-grid.scss
- Raw: https://pluginprobe.com/plugins/betterdocs/4.9.5/raw/react-src/scss/partials/single-category-grid.scss
- Modified: 2026-10-12T10:07:14+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/betterdocs/4.9.5/code/react-src/scss/partials/single-category-grid.scss#L10-L20`.

```scss
// CHECKED:

.betterdocs-single-category-wrapper {
    box-sizing: border-box;
    @include if (".betterdocs-category-grid-inner-wrapper", ".masonry") {
        margin-bottom: 15px;
    }
    .betterdocs-single-category-inner {
        background: #ffffff;
        box-shadow: 0 10px 100px 0 rgb(40 47 98 / 8%);
        margin-top: 0;
        display: flex;
        flex-direction: column;
        @include if(
            ".betterdocs-category-grid-inner-wrapper",
            ":not(.masonry)"
        ) {
            height: 100%;
            // The sidebar reuses this grid markup but stacks the cards as an
            // accordion, so equal heights inflate every collapsed row to the
            // height of the expanded one. Never wanted there.
            @include for(".betterdocs-sidebar-content") {
                height: auto;
            }
        }
        @include for(".betterdocs-docs-archive-wrapper") {
            @include if(
                ".betterdocs-docs-archive-wrapper",
                ".betterdocs-category-layout-4"
            ) {
                box-shadow: 0px 1px 5px 0px rgba(0, 9, 78, 0.1);
            }
        }
    }
}

```