Search
UnoCSS
Unocss
https://unocss.dev/guide/
A tailwind like asset bundler with fast reloading.
Vite Module
https://www.drupal.org/project/vite
Uses manifest.json to map Drupal libraries to css/js.
Setup
npm init -y
npm i -D unocss vite @unocss/postcssEdit package.…
Starterkit Theme
https://www.drupal.org/docs/core-modules-and-themes/core-themes/starter…
drush core/scripts/drupal generate-theme THEME
Base theme
Starterkit uses stable9 as the base, which means that it won't get any updates from core.
https://www.drupal.org/node/…
Sidebars
Current display:
How should the sidebar width be set?
Sidebar width
Set the width for --sidebar-first-width using UI Skins.
Tab order
Consider the tabbing order and skip links.
If the drawer is additional navigation, it…
Sidebar layout
Add padding top to sidebar.
Form API classes
Form related classes.
Starterkit form.css
Default theme css.
/core/themes/starterkit_theme/css/components/form.css
.form-item.form-wrapper.form-actions
.label.description
.form-composite # Used in radios, checkboxes - see CompositeFormElementTrait
.…
Ajax loader
Theming tips
To get this to appear, set your debugger to break on first line, and trigger an ajax load.
This was recently updated in core, to use an svg instead of a gif.
https://www.drupal.org/project/drupal/issues/1974928…
Formatted text
typography.formatted.css
.text-formatted class is applied by default to starterkit's field--text.html.twig.
One of the challenges is that the formatted text elements may not be direct descendants of the container. There could be a .field__item for…
CKEditor
Ckeditor5 Stylesheet
mantra_starter.info.yml
Should be able to load extra stylesheets into ckeditor like this:
ckeditor5-stylesheets:
- css/drupal/ckeditor5.stylesheet.cssDocs: How to add styles to ckeditor.
But it's not working.
Using a libraries-…
Messages
Using default messages.css from Starterkit Theme.
https://git.drupalcode.org/project/drupal/-/blob/11.x/core/themes/start…
Search
Search Box