Hide

YetaWF.BootstrapSkin Package Documentation

Display
Print

YetaWF.BootstrapSkin Package

The YetaWF.BootstrapSkin assembly/package implements a customizable skin based on Bootstrap.

It implements the Default and Plain page styles, and Popup, PopupMedium and PopupSmall popup styles.

The complete Bootstrap source is imported and can be customized by setting Bootstrap variables in .\Addons\_Skins\BootstrapSkin\Skin.scss:

@import "node_modules/bootstrap/scss/bootstrap";

. . . clipped . . .

Example - Changing Default Font Size

$font-size-base: 1.2rem;

@import "node_modules/bootstrap/scss/bootstrap";

. . . clipped . . .

Example - Changing Default Background Color

$body-bg: #eee;

@import "node_modules/bootstrap/scss/bootstrap";

. . . clipped . . .

Changes made to the Skin.scss file are rebuilt automatically (part of the build pipeline) when building YetaWF.

See Also YetaWF.Core