The ./src/style.css
file will be compiled through postCSS and made available
as ./dist/style.css
.
The default style.css
created by norska init
only contains one line
(@import 'theme:style.css';
). This line is very important and includes the
default CSS file from your current theme (which in turn will include Tailwind).
You can add your own custom CSS to the style.css
file. A recommended approach
is the following:
/* Don't remove this line */
@import 'theme:style.css';
/* You can add your custom CSS below */
/* You can @import local files to better organize your CSS */
@import "_styles/fonts.css";
@import "_styles/header.css";
@import "_styles/videos.css";
@import "_styles/footer.css";
/* Or add it directly here. All Tailwind classes are available through @apply */
.prose a {
@apply blue-5;
&:hover {
@apply underline-blue-5;
}
}
You can change the file to use as the entrypoint through the css.input
key of
the norska.config.js
file. Default is style.css
.