Link cards are not correctly formatted on home page

[Backspaze]

Description

If you add a link card to the home page, it's not formatted correctly. Notice the lack of padding on top of the text.

Steps to reproduce

• npm create thulite@latest -- --template doks
• Give it a name, test for example.
• cd test
• npm install
• npm run dev
• Edit content/_index.md by adding a link card with {{< link-card title="Example link card" href="/example/" >}}.

Expected result

The link card should look like it does in a docs article.

Actual result

See Description above.

Environment

OS: Windows 10 Pro 22H2 (19045.6093) 
Hugo: v0.145.0 extended 
NPM: 11.4.2
Node: 20.19.3

[Backspaze]

Workaround until this issue can be fixed

Edit \node_modules\@thulite\doks-core\assets\scss\layouts\_posts.scss as shown below.

Change this:

.home .content .card-body,

...to this:

.home .content /*.card-body*/,

[h-enk]

A better quick fix —add to assets/scss/common/_custom.scss:

// Put your custom SCSS code here
.home .content .card-body {
    padding: 1rem;
}

Tested w/

hugo v0.148.1-98ba786f2f5dca0866f47ab79f394370bcb77d2f+extended windows/amd64 BuildDate=2025-07-11T12:56:21Z VendorInfo=gohugoio
10.9.2

[Backspaze]

A better quick fix —add to assets/scss/common/_custom.scss:

// Put your custom SCSS code here
.home .content .card-body {
padding: 1rem;
}

Tested w/

hugo v0.148.1-98ba786f2f5dca0866f47ab79f394370bcb77d2f+extended windows/amd64 BuildDate=2025-07-11T12:56:21Z VendorInfo=gohugoio
10.9.2

Thanks! Yeah, I figured that there was a better fix than what I suggested. This was reinforced as I updated to the latest Doks-version now, and my suggested fix was overwritten by the update. Lesson learned I think - don't edit the source files, create override copies instead.