Baseline

screenshot of Baseline

Baseline

A simple boilerplate for new Skel projects.

Overview:

Baseline is a simple boilerplate for building new projects on Skel, a framework for creating responsive websites. It includes clear and concise HTML5/CSS3 code, a fully responsive design, extensively organized Sass sources, off-canvas navigation, pre-styled elements, and Font Awesome icons. It also offers everything provided by Skel and Skel.scss, such as a powerful CSS grid system, utility classes, and breakpoint events.

Features:

  • Clear and concise HTML5/CSS3 code
  • Fully responsive design
  • Extensively organized Sass sources
  • Off-canvas navigation
  • Numerous pre-styled elements
  • Font Awesome icons
  • Powerful CSS grid system from Skel
  • Handy utility classes
  • Breakpoint events for responsive design

Installation:

To install Baseline, follow these steps:

  1. Download the Baseline files.
  2. Copy the index.html file to your project's main directory.
  3. Copy the contents of the assets folder to your project's assets folder.
  4. In the index.html file, link the main stylesheet (main.css) located in the css folder.
  5. Link the Font Awesome stylesheet (font-awesome.min.css) located in the css folder.
  6. Copy the fonts folder to your project's fonts folder.
  7. In the index.html file, link the Skel framework script (skel.min.js) located in the js folder.
  8. Link the main script (main.js) located in the js folder.
  9. Copy the sass folder and its contents to your project's sass folder.
  10. In your Sass main stylesheet, import the main.scss file located in the sass folder.
  11. Import any necessary Sass partials from the base, components, and layout folders.
  12. Copy the libs folder and its contents to your project's libs folder.
  13. In your Sass main stylesheet, import the _skel.scss file located in the libs folder.
  14. Import any other necessary Sass partials from the libs folder.

Summary:

Baseline is a boilerplate for building projects on Skel, offering a clean and responsive design, organized Sass sources, off-canvas navigation, pre-styled elements, Font Awesome icons, and the power of Skel and Skel.scss. With its clear code structure and easy installation process, Baseline provides a solid foundation for creating responsive websites.