Shards Dashboard Lite


Blocks & Plugins

Last updated: October 17, 2018

The styles for all the common blocks and 3rd-party plugins used across the templates are located inside the styles/scss/blocks and styles/scss/plugins respectively.


The following are the most important structural content blocks in Shards Dashboard:

Shards Dashboards - Content Blocks

  1. Sidebar
  2. Navbar
  3. Page Header
  4. Content Area
  5. Footer (Not visible in preview, nested inside the content area)

At a high level, the markup is structured as follows:

  <div class="container-fluid">
    <aside class="main-sidebar">
      <!-- Main Sidebar Content -->

    <main class="main-content">
      <div class="main-content-container container-fluid">
        <div class="page-header">
          <!-- Page Header Content -->

        <!-- Template Specific Content -->

        <footer class="main-footer ...">
          <!-- Main Footer Content -->

Inside the scss/blocks directory there is also another partial SCSS stylesheet file called _small-stats.scss for the Small Stats Blocks used in the Blog Overview template.