Muwu User Guide

7 Project Style Sheets
7.1 Learn CSS
7.2 Inner Identifiers
7

Project Style Sheets

Muwu compiles a manifest tree beginning with config/css/index.scss, resulting in a single CSS file for the project.

The manifest file will include files from other folders:

  • config/css/base/
    document-wide layout settings
    specific layout settings for each Muwu section
  • config/css/colors/
    document-wide color settings
  • config/css/extensions/
    an empty folder for customizing parts of a project
7.1

Learn CSS

A full tutorial on styling a project is beyond the current scope of this guide, but the following resources may be useful:

7.2

Inner Identifiers

To customize a project topic-by-topic basis, change the project option generate_topic_inner_identifiers to true.

This will add attributes to each block-level element, containing a unique identifier and the filepath of the source document. Generating inner identifiers will increase the size of the project, but allows for more-specific CSS selectors.