#Theming

When developing a theme, changes to CSS are reloaded instantly, but twig changes trigger a page refresh. How can we make the...

A hero is a large area above the fold, typically an image, video, or call to action. Start by creating a block type called Hero...

Screens come in different sizes and shapes. The available space can be as small as a phone, or as large as a billboard, with...

Every site needs a header, typically featuring a logo and navigation. Using SDC for the header makes it easier to swap in pre...

Recreate theme with UnoCSS built with Vite. Create theme Start by generating a theme from starterkit_theme with the drupal core...

A code sample contains HTML, CSS, and JS fields. A bare code sample is defined with a theme hook and template. code_sample...

Mantra started as a black and white theme - let's add color for the background, text, and links. First we need to know how to...

Themes can include config for default block placement. Will the starter kit include this in setup?

When we load a Drupal page, we can see the css and javascript that got loaded in the browser dev tools, but we don't know which...