Skip to content

Here I went a little crazy and used Tailwind with BEM, this is how I would use it in production env. It's also a freebie HTML template for anything you want. USED: ✔BEM ✔Tailwind (@apply) ✔Webpack ✔SCSS ✔PostCss

License

Notifications You must be signed in to change notification settings

AdamWojda/runo-front-html

Repository files navigation

Runo - Free HTML Blog Template

Installation

  1. Extract the release archive to a new directory, rename it to your project name and browse the directory.
  2. Install all dependencies using npm clean install command.
$ npm ci

More on the clean install npm command can be read here npm ci

You can still use npm install in cases the npm ci raises system error due to specific platform incompatibilities.

Development

Assets Source

  • SASS/PostCSS files are located under src/scss/
  • JavaScript files with support of latest ECMAScript ES6 / ECMAScript 2016(ES7)/ etc files are located under src/js/
  • Image files are located under src/images/
  • Font files are located under src/fonts/
  • HTML files are located under src/
    • It will automatically build all HTML files placed under src/ directory, no need to manually configure each template anymore!

Build Assets

One time build assets for development

$ npm run build

Start a development server - reloading automatically after each file change.

$ npm run dev

Build Assets

Optimize assets for production by:

$ npm run production

Get Built Assets

  • CSS files are located under /dist/css/
  • JavaScript files with support of ES6 / ECMAScript 2016(ES7) files are located under /dist/js/
  • Images are located under /dist/images/
    • Images part of the design (usually referenced in the CSS) are located under /dist/images/design/
    • Images part of the content (usually referenced via <img> tags) are located under /dist/images/content/
  • Fonts are located under /dist/fonts/
  • HTML files are located under /dist/

About

Here I went a little crazy and used Tailwind with BEM, this is how I would use it in production env. It's also a freebie HTML template for anything you want. USED: ✔BEM ✔Tailwind (@apply) ✔Webpack ✔SCSS ✔PostCss

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

Packages

No packages published