Components Intro

Link to article: Components Intro.

Module Styles

• /* BHL TOCs improvements */
  /* Makes TOCs wider and more legible */
   
  /* Reduce the space allocated to the fold button */
  #page-content div#toc {
    grid-template-areas: "fold title" "list list";
    grid-template-columns: 1rem 1fr;
  }
  /* Hide the fold button */
  #toc #toc-action-bar > a:nth-child(1) {
    display: none !important; /* Override BHL important flex */
  }
  /* Recover the native TOC title; remove the BHL one */
  #toc #toc-action-bar a::after {
    content: none;
  }
  #toc .title {
    margin: 0;
    color: rgb(var(--toc-header-text-color));
  }
  /* Thicken up the border */
  #toc {
    border: thin solid rgb(var(--toc-header-bg-color));
  }
  /* Remove the width limit and maximum height */
  #toc, #toc-list {
    max-width: inherit !important;
    max-height: none !important;
  }
  /* Don't underline TOC links */
  #toc a {
    text-decoration: none;
    margin-right: 1rem;
  }
  /* Bold heading links */
  #toc-list [style$="2em;"] > a {
    font-weight: bold;
    --wght: 700; /* BHL compatibility hack */
    text-decoration: underline;
  }

Inline Styles

• (none)

Includes

• (none)

CSS Classes

• (none)

Page Source

+ Introduction
Welcome to the Components Hub! This is a hub meant for all pages under the {{component:}} category. Components are defined, by the [http://05command.wikidot.com/tech-hub-tag-list 05 Command Tech Hub Tag List], as "A page that is designed to be imported onto other pages via the [[include]] syntax in order to add new design, style or functionality." This doesn't include themes (which modify the look and feel of a page), or more-by pages (which are pages that lists works by certain authors).

----
+ Table of Contents
[[toc]]

[[module css]]
/* BHL TOCs improvements */
/* Makes TOCs wider and more legible */
 
/* Reduce the space allocated to the fold button */
#page-content div#toc {
  grid-template-areas: "fold title" "list list";
  grid-template-columns: 1rem 1fr;
}
/* Hide the fold button */
#toc #toc-action-bar > a:nth-child(1) {
  display: none !important; /* Override BHL important flex */
}
/* Recover the native TOC title; remove the BHL one */
#toc #toc-action-bar a::after {
  content: none;
}
#toc .title {
  margin: 0;
  color: rgb(var(--toc-header-text-color));
}
/* Thicken up the border */
#toc {
  border: thin solid rgb(var(--toc-header-bg-color));
}
/* Remove the width limit and maximum height */
#toc, #toc-list {
  max-width: inherit !important;
  max-height: none !important;
}
/* Don't underline TOC links */
#toc a {
  text-decoration: none;
  margin-right: 1rem;
}
/* Bold heading links */
#toc-list [style$="2em;"] > a {
  font-weight: bold;
  --wght: 700; /* BHL compatibility hack */
  text-decoration: underline;
}
[[/module]]

This page has been split into the four following categories:

------
[[=]]
@@ @@
[[size 127%]]- **General** -[[/size]]

These are components that can work on any page, regardless of the theme being used.
@@ @@
[[size 127%]]- **Sigma-9** -[[/size]]

These are components meant for use //only// on Sigma-9 pages, and would more than likely break on Black Highlighter or BASALT.
@@ @@
[[size 127%]]- **Black Highlighter** - [[/size]]

These are components meant for use //only// on Black Highlighter pages, and would more than likely break on Sigma-9 or BASALT.
@@ @@
[[size 127%]]- **Technical/Staff** -[[/size]]

These are components that are for more technical work or meant only for staff processes. It's unlikely you'll be using these in any articles.
[[/=]]
----