kanopi / saplings_child
Drupal Child theme for Saplings
Installs: 16 162
Dependents: 1
Suggesters: 0
Security: 0
Stars: 0
Watchers: 8
Forks: 0
Open Issues: 6
Language:Twig
Type:drupal-theme
- dev-main
- 1.0.0.beta.36
- 1.0.0.beta.35
- 1.0.0.beta.34
- 1.0.0.beta.33
- 1.0.0.beta.32
- 1.0.0.beta.31
- 1.0.0.beta.30
- 1.0.0.beta.29
- 1.0.0.beta.28
- 1.0.0.beta.27
- 1.0.0.beta.26
- 1.0.0.beta.25
- 1.0.0.beta.24
- 1.0.0.beta.23
- 1.0.0.beta.22
- 1.0.0.beta.21
- 1.0.0.beta.20
- 1.0.0.beta.19
- 1.0.0.beta.18
- 1.0.0.beta.17
- 1.0.0.beta.16
- 1.0.0.beta.15
- 1.0.0.beta.14
- 1.0.0.beta.13
- 1.0.0.beta.12
- 1.0.0.beta.11
- 1.0.0.beta.10
- 1.0.0.beta.9
- 1.0.0.beta.8
- 1.0.0.beta.7
- 1.0.0.beta.6
- 1.0.0.beta.5
- 1.0.0-beta.4
- 1.0.0-beta.3
- 1.0.0-beta.2
- 1.0.0-beta.1
- 1.0.0-beta
- dev-dependabot/npm_and_yarn/multi-82ad408bf4
- dev-herofix
- dev-dependabot/npm_and_yarn/micromatch-4.0.8
- dev-dependabot/npm_and_yarn/webpack-5.94.0
- dev-tw29603873-testimonial
- dev-tw29378050/media-collection
- dev-feature/tw-29488629-person-ct
This package is auto-updated.
Last update: 2024-11-10 20:23:19 UTC
README
This is a subtheme of the Ui Bootstrap Theme to demonstrate how some integrations can be done like:
- CKEditor 5 stylesheets
- Negative margins in utility classes
- Background gradients
Those integrations cannot be done in the base theme because either not enabled in Bootstrap default compiled CSS or impossible to do in a generic way.
Usage
You can copy/paste this theme to init your own subtheme.
You will have to change:
- the machine names of files
- the machine names inside those files
- adapt path to the Bootstrap library to recompile assets
- if you are using this in a local testing install, it's likely that
fin init
failed and did not prompt you to runfin install-theme-tools
so make sure you do that!
Setup Steps
Follow these steps to set up and customize your subtheme:
-
Navigate to your theme directory:
cd web/themes/custom/saplings_child
-
Create all your custom SCSS files under the "assets/scss/custom" directory.
-
Run the following command to watch and compile SCSS files:
npm run watch
This command watches for changes in your SCSS files and automatically compiles them.
Policy
There is no backward compatibility policy in this example theme.
Breaking change can happen at any moment.
Custom Styles needed for USCF Starter Sites
There is one variable that isn't available via the UI Skins module that we will have to update via the theme file which is --bs-nav-link-font-size Change need which can be placed in the overrides.scss file
.menu--banner .nav-link {
--bs-nav-link-font-size: 0.875rem;
}