Поддержка CSS и Sass
Nextra на 100% совместима со
встроенной CSS поддержкой от Next.js (opens in a new tab),
включая .css
, .module.css
, и Sass (.scss
, .sass
, .module.scss
,
.module.sass
) файлы.
Для примера рассмотрим следующую таблицу стилей в файле styles.css
:
styles.css
body {
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica',
'Arial', sans-serif;
padding: 20px 20px 60px;
max-width: 680px;
margin: 0 auto;
}
Вы можете создать файл pages/_app.js
и импортировать в него ваши собственные стили:
pages/_app.js
import '../styles.css'
// Этот стандартный экспорт необходим в новом файле `pages/_app.js`.
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
}
Обо всех доступных возможностях CSS читайте в документации по Next.js (opens in a new tab).