Assets

Customize Hyas SCSS or Hyas JS.

..
├── fonts/
├── images/
├── js/
│   ├── vendor/
│   ├── alert-init.js
│   ├── alert.js
│   ├── app.js
│   └── bootstrap.js
└── scss/
    ├── common/
    ├── components/
    ├── layouts/
    ├── vendor/
    └── app.scss

See also the Hugo docs: Hugo Pipes.

Customize Hyas SCSS

See also the Bootstrap code: Variables.

app.scss

./assets/scss/app.scss

/** Import Bootstrap functions */
@import "bootstrap/scss/functions";

/** Import theme variables */
@import "common/variables";

/** Import Bootstrap */
@import "bootstrap/scss/bootstrap";

/** Import theme styles */
@import "common/fonts";
@import "common/global";
@import "components/alerts";
@import "components/buttons";
@import "components/code";

// @import "components/syntax";
@import "components/comments";
@import "components/forms";
@import "components/images";
@import "layouts/footer";
@import "layouts/header";
@import "layouts/pages";
@import "layouts/posts";
@import "layouts/sidebar";

Customize Hyas JS

app.js

./assets/js/app.js

// app.js for concatenation of smaller libraryies
// to reduce http requests of small files
'use strict';

// Prefetch in-viewport links during idle time
import { listen } from 'quicklink/dist/quicklink.mjs';
listen();

// lazy sizes for image loading
import 'lazysizes';

// global alert
import './assets/js/alert';

Edit this page on GitHub

← Links
Functions →