Customizing Your Site

Styles

This starter template comes pre-loaded with Tailwind CSS, a utility CSS framework that allows you to customize and build complex designs without touching a line of CSS. There are also a few base Sass files in the /source/_assets/sass folder, set up with the expectation that you can add any custom CSS into _documentation.scss.

You can re-work the architecture of the Sass includes any way you’d like; just make sure to keep the @tailwind references in your final files.

// source/_assets/sass/main.scss

@tailwind preflight;
@tailwind components;

// Code syntax highlighting,
// powered by https://highlightjs.org
@import '~highlight.js/styles/a11y-light.css';

@import 'base';
@import 'navigation';
@import 'documentation';

@tailwind utilities;

Typography Styles

Here’s a quick preview of what some of the basic type styles will look like in this starter template:

class Foo extends bar
{
    public function fooBar()
    {
        //
    }
}