00:06 Bricks Builder 1.9.8 beta introduces the variable manager for extending Global styles with CSS variables directly in the Builder UI. 01:48 Introduction to CSS Variables in Bricks Builder 03:25 Creating CSS variables for spacing and colors in Bricks Builder 05:07 Creating CSS Variables with HSL Color Values 06:35 Creating HSL color variables in Bricks Builder 08:48 Creating transparency variables using HSL color values. 10:33 Creating secondary and tertiary color variables using HSL in Bricks Builder 12:29 Creating CSS Variables with HSL Color Values

Another great video. Straight in, no-nonsense explanation and demo of how the new CSS variable manager works. Whether you're new or seasoned with Bricks, Brendan's content and quality are growing and are now a must-watch for me on anything Bricks-related. Thank you and keep up the great work; your efforts are much appreciated.

@DaveFoy

2 ай бұрын

Couldn't agree more.

@BrendanOConnellWP

2 ай бұрын

Appreciate the kind words. Thanks! Stay tuned, more stuff planned. I'll try to get something going for WS Form content for ya in particular

@BrendanOConnellWP

2 ай бұрын

Cheers to the 🐐!

Nice little walkthrough. Simple and straightforward. Good work.

@BrendanOConnellWP

2 ай бұрын

Thanks, appreciate that!

At 10mn I realized what You did by tokenizing H,S, and L values (non-english, non coder) Wow that's crazy cool !

@BrendanOConnellWP

2 ай бұрын

thanks, yes, i'll try and be more clear

@ThierryC-te3rx

2 ай бұрын

@@BrendanOConnellWP Not your fault ☺

Very useful addition and thanks for demonstrating.

@BrendanOConnellWP

2 ай бұрын

Glad it was helpful! Thanks!

This is really great guide. thanks for sharing.

@BrendanOConnellWP

2 ай бұрын

Glad it was helpful. Thanks for your kind words! 😎

very fast approach. I like it and good to watch it.

@BrendanOConnellWP

2 ай бұрын

Many thanks, my friend!

Nice work B.!

@BrendanOConnellWP

2 ай бұрын

thanks! 😊

Thank You, Brendan It has been very helpful.

@BrendanOConnellWP

2 ай бұрын

Glad to hear it! Thanks for your videos too. What a great little community Bricks is!

@SiteswithNatalie

2 ай бұрын

@@BrendanOConnellWP absolutely!! Let’s keep this.

This is gold

@BrendanOConnellWP

2 ай бұрын

❤️ to hear it! thanks

Thank you, you saved me time 😊

@BrendanOConnellWP

2 ай бұрын

haha good, glad to help. pay it forward to some1 else 😄

Amazing please make more bricks native feature videos

thank you for this awesome video

@BrendanOConnellWP

2 ай бұрын

Glad you liked it! thanks for watching

I was honestly hype for this, but now that it's out it's actually slower than just putting any variable code in a stylesheet. I guess I get that someone who may not know how to do that will like this better, but then again if they don't know what :root and css stylesheets are, they probably weren't going to use this anyway.

@BrendanOConnellWP

2 ай бұрын

i can understand that reasoning. I guess i'd extend it and be a little more hopeful that it will encourage people unfamiliar with css frameworks and external style sheets to start using variables even if just a few here and there. But yeah I don't see it replacing the workflow for most people. Maybe when components come out it will be useful to allow editors to style with

Brendan, I really appreciate your content. Just a suggestion... It would be great if you numbered your videos. Something sequential would be fine. That way when we build along with you - We can name "Local" site folders something like "B113" etc. Kevin G. does this and it really helps. THANKS again.

@BrendanOConnellWP

Ай бұрын

Thanks Doug. An interesting idea and I see the value of something like this. Since they aren't exactly in order or grouped by release i'm not sure how i can approach it without it being confusing and appearing like each video is part of a series.

beginners question how did you set up the 3 column layout

@BrendanOConnellWP

14 күн бұрын

I used CSS grid and the first child is spanning the whole row I think

Is the Find and Replace part of Bricks or AT?

@BrendanOConnellWP

2 ай бұрын

Find and replace is an AT feature

do u think it kills automatic css in long term?

@BrendanOConnellWP

2 ай бұрын

Short answer: no Long answer (pasted from my reply to this question on another commenter): No way. Unless you are going to import all those variables and manually edit them. And add the utility classes. But there is so much else (including automatic variable expansion, @ recipes for HSL, clickable parents, etc)..... but of course, adding the css to your stylesheet was always possible, and tools like AT let you import stylsheets. Vast majority won't do that and having a UI to modify the framework saves tremendous time and stops you making mistakes. And no right click? I will continue to use ACSS. But now that you can create and manage in vanilla Bricks? That is GREAT! And it's better than Webflow's if we're keeping tally!

When I check my account in Bricks my version only goes to 1.9.7.1 Not sure where 1.9.8 is...

@BrendanOConnellWP

2 ай бұрын

there is a manual download link in this post from the Bricks team: facebook.com/groups/brickscommunity/permalink/1356893018308548

@user-eo1vz9lt8g

2 ай бұрын

ok, thanks, not on Facebook but might have to capitulate... arrrgggghhhh...

@BrendanOConnellWP

2 ай бұрын

maybe there was an email as well? the link is here: ttps://my.bricksbuilder.io/?beta=1.9.8

@user-eo1vz9lt8g

2 ай бұрын

thanks, that does take me to my account, but there isn't a beta version available so maybe only Facebook, I don't like Facebook but do you find that the Bricks group inside of Facebook useful? I might join if it is useful for a beginner to learn. I mostly use KZread only at the moment. Great tuts by the way...

@BrendanOConnellWP

2 ай бұрын

@@user-eo1vz9lt8g is there a dropdown to select the beta? thanks, hope the vids are useful. highly recommend YT video series 'Page building 101' if you're new to Bricks. The FB grp is useful if you're able to search for specific questions, same with the official Bricks forum, mostly nice people! There is a discord channel as well that has lots of activity

Awesome! Will it make Automatic CSS obsolete?

@BrendanOConnellWP

2 ай бұрын

No way. Unless you are going to import all those variables and manually edit them. And add the utility classes. But there is so much else (including automatic variable expansion, @ recipes for HSL, clickable parents, etc)..... but of course, adding the css to your stylesheet was always possible, and tools like AT let you import json stylsheets. Vast majority won't do that and having a UI to modify the framework saves tremendous time and stops you making mistakes. And no right click? I will continue to use ACSS. But now that you can create and manage in vanilla Bricks? That is GREAT! And it's better than Webflows if we're keeping tally!

@michaellaboulle6721

2 ай бұрын

Ok great, I am definitely used to ACSS so it would be a bummer. Thanks for the quick response.

OMG . . . u are a crack . . . tnx 4 the tip

@BrendanOConnellWP

2 ай бұрын

Glad it helped! Thanks for watching

Hey. Im on the road but caught the instawp TAB interview. I see you're all in. Did he not say ACSS doesn't sync? I'm about to buy a pro account to build our new website but pretty sure he said it doesn't listen to acss changes. A couple comments in the live chat said that was a deal breaker. Then I saw you say you were in.

@RobCooper

2 ай бұрын

Ive 1 more day before im on a cruise and out of touch so I'd love to know what you heard about that so I can make a decision before setting sail

@BrendanOConnellWP

2 ай бұрын

I heard that but honestly didn't pay attention. I got it mainly for testing and content creation (demos, tutorials, might make a course) I'll go back and listen but they may add the proper syncing I assume?

@RobCooper

2 ай бұрын

So I upgraded my free account and had no place to add a coupon so here we are lol. I left a ticket with the code as theyre away for the weekend and im on a cruise for a week starting tomorrow. My guess is that they'll get it to work. Kevin does use them so they must be ok

@BrendanOConnellWP

2 ай бұрын

@@RobCooper Kyle mentioned in the stream if you reach out, he & InstaWP team can help get you sorted i believe. I was able to find the coupon code area and upgraded my free acc too

subscribe!!

@BrendanOConnellWP

Ай бұрын

thanks