This post will outline how to add your own options to Settings Panel
First, you need to define your CSS style. For this you will need to select a predefined class name starting with either of the following:
mod-*
nav-*
header-*
footer-*
display-*
STEP 1
Create our custom style inside src/scss/_modules/_custom.scss
.mod-stop-panel-animation {
.panel {
animation: 0;
}
}
.
STEP 2
Open src/scss/_modules/_settings-demo.scss
and go to the last line and add the following:
@include set-settings(mod-stop-panel-animation);
.
STEP 3
Open src/template/include/_tab-settings.hbs
and add the following:
<div class="list" id="mspa">
<a href="#" onclick="return false;" class="btn btn-switch" data-action="toggle"
data-class="mod-stop-panel-animation"></a>
<span class="onoffswitch-title">Our New Mod</span>
<span class="onoffswitch-title-desc">Mod Description</span>
</div>
.
STEP 4
Run the build
command to rebuild the CSS and HTML pages with the new changes.