#theme-toggle,.top-link{display:none}@media(prefers-color-scheme:dark){:root{--theme:#1d1e20;--entry:#2e2e33;--primary:rgba(255, 255, 255, 0.84);--secondary:rgba(255, 255, 255, 0.56);--tertiary:rgba(255, 255, 255, 0.16);--content:rgba(255, 255, 255, 0.74);--hljs-bg:#2e2e33;--code-bg:#37383e;--border:#333}.list{background:var(--theme)}.list:not(.dark)::-webkit-scrollbar-track{background:0 0}.list:not(.dark)::-webkit-scrollbar-thumb{border-color:var(--theme)}}

Home » Posts

How to use Bulma in Nextjs

May 19, 2021 · 1 min · Khoa Pham

Codelime

Codelime is a powerful code snippet manager with many dev tools for iOS development. Available on Mac, iPhone and iPad.

Sponsor

Table of Contents

Issue #801

Read

https://nextjs.org/docs/basic-features/built-in-css-support#sass-support

npm install bulma sass

In styles/index.scss

@import '~bulma/bulma';

In _app.tsx

import '../styles/index.scss'