Styling Blocks

maakbow

Hi. I'm creating another custom site. with complete custom html/scss.
If i use blocks, often the block will reference a style I dont have with a bem naming structure i dont use and these files are automatically inserted into the head.

I can directly change the automad/blocks/blockSnippetName.php but i suspect that will get overwriten with updates. Is there a way to copy the blocks to my theme package?

Also is there a weay to prevent the blocks from inserting a link to automad/blocks/dist/xxx.css amd xxx.js

..or to alter where these point?... in a way that wont be overwriten with updates?

Oh And why do the blockquote, table and table of contents blocks get wrapped in a <figure> tag ?????

mad

maakbow Hi, you don't have to touch the blocks itself to style them. Most styles are customizable using custom CSS properties. Take a look at the docs here for more info. Note that the variables might still be changing a bit with the next release.

maakbow

mad wont that still require the existence of the blocks css?.

I dont style sites by "themeing" templates. I always work with my own html/css

I already have css that will take care of styling on 99% of cases so it seems inneficient to me to have another request to another stylesheet thats nearly as big as my total css. I'd rather be incontroll of my own html/css

mad

maakbow Some blocks just require some assets to work. It’s not about styling but about functionality.

In my opinion it would be quite inefficient when every developer had to reinvent and maintain every block over and over again. Blocks are designed to work out of the box also after system updates without the need of updating a theme. And they can be customized using custom properties or additional CSS.

maakbow

mad ok. thanks Ive just customised them anyway. I'll deal with updates when that comes

My only issue is none of the blocks i used in page require Js or have any am classes yet the blocks js and blocks css still get injected into the page head.

Will I have to delete these manualy before pushing live if i dont require these?

mad

maakbow They can't be deleted. You will have to modify the render engine. I really can't recommend this. But if you don't need those blocks, you can use Markdown variables instead.

KirillD

mad

Hi Mad!

First I want to thank you for the wonderful CMS.
Now about the issue of styling.

I join the question. As a developer, I would like to disable the output of default css and js files in the <head> of the document.

I understand that I will have to add styles for am-* classes and js for image galleries and sliders, but this is the whole point of a custom theme! I want some kind of photoswipe or spotlight instead of the default lightbox and swiper instead of the default slider. And also have uniform styles with variable names according to my ui kit (~~--am-container-padding~~).

Ideally, it will be correct, as maakbow said, to name the classes according to BEM. Or the ability to change classes to be able to use any methodology.