Documentation for all styles in styles.css

[gary]

Is there documentation which describes in detail the CSS found in styles.css. I am already aware of this: Subclass Reference Guide – Blocs – User Documents

But I guess there’s a lot more tweaks to the bootstrap styles than just the things listed in the subclass guide.

For example this:

.d-bloc .card, .l-bloc {

1. color: rgba(0,0,0,.5);

or this:

.mg-md{
margin-top:10px;
margin-bottom:20px;

[bourne]

As blocs is built on bootstrap 4, the following site may help:

Bootstrap 4 Cheat Sheet - The ultimate list of Bootstrap classes

I hope this is what you are looking for

[gary]

Thanks bourne, but that’s doesn’t help. I’m referring to custom CSS that is written by Blocs in styles.css outside of the “normal” Bootstrap 4 CSS

[MDS]

Hi @gary

As far as I understand it but I may be wrong, Blocs uses the same denomination as Bootstrap 4 with the exception I believe to the classes we create (name) ourselves…

Anyone with more insight ?

MDS

[Blocs_User]

@gary

custom CSS that is written by Blocs in styles.css

Correct. I’ve talked about it previously …

@Blocs_User

Since Blocs is a visual based app it already has many custom CSS classes and override styles already in place in the “style.css” which is exported with each site. When you use the Class Manager your custom class styles also get included into the “style.css” upon export.

So what you are asking for is documentation of this initial CSS override that Blocs provides.

Since Blocs is constantly being updated that documentation could be an ongoing challenge to keep updated. What could help is if @norm works from a commented developer version of this style sheet? If so then there are ways to automate documentation of CSS files (much like JS). Which could be useful in suppling users insight into that initial “style.css” override, or for the blocs.js file also.

But Blocs is about visual simplicity, so I’m not sure that many users want to dig into such things?

[MDS]

Thanks for the thorough information.

[gary]

Thanks for the Info! But yea, well,I kinda need to dig sometimes

but hey, it’s no big deal. I can figure out about 90% of the CSS in styles.css on my own. Just was curious to know if someone at sometime had documented the code and what it does …