WIP: Bricks v2.2 beta no manual inputs for typography and spacing?

Feature Requests / Improvements
1

Hi everyone, I have question. Not sure if this was answered or still under development but was wondering as to why Bricks Style manager for typography and spacing doesn’t have manual inputs like CF has?

For CF manual input you can add your own min and max and it does the Calc for you. Does Bricks plan to come out with that or is that hidden somewhere else?

image
image2034Ă—1702 309 KB

3 Likes
2

Hi @Scarly,

as for now, we haven’t considered this. Maybe if we see users asking for it, we could implement it. In which case this would be usefull to have?

Matej

1 Like
3

Hey @Matej thanks for getting back to me. I’m a front-end developer and UI/UX designer, and I’m one of the designers/developers on our team using the manual function in CF. We rely on manual inputs for typography and never use random sizes—everything is intentional and custom.

Honestly, I was surprised this wasn’t included, as it feels like a pretty standard need. Designers don’t typically work with randomly generated typography. In CF, we exclusively use manual typography so we can define our own sizes precisely.

If not many people are mentioning this, they probably aren’t working closely with designers enough.

1 Like
4

I support this request, designers will not design with random figures therefore translating their designs would need such functionality.

3 Likes
5

Manual is definitely good to have. I used manual in a couple of sites where the font sizes isn’t following a specific scale.

3 Likes
6

Thank you for your answer @Scarly and others.

We will discuss this internally and will let you know when/if we decide to implement it. But for now, let’s collect some more feedback and so how many users would need/want that.

Anyway, I’ll let you know, but probably a bit later - after the holidays. :christmas_tree:

Best regards,
Matej

1 Like
7

Hey @Scarly, @tibo and @teoeugene,

After your feedback, I’ve spoken with the team, and we agreed that this would make sense to implement.
I’ve created an internal improvement task for this. Once we implement it, we will update this topic as well.

Thank you,
Matej

5 Likes
8

@Matej Great! BTW not sure if I explained well before but what i meant with manual inputs that CF has autogenerate clamp function based on the min and max. I just don’t mean static pixel manual input only.

Hope i making sense :sweat_smile:

9

Hey @Scarly,

of course :slight_smile: If you set min at 20px and max at 30px, it would generate something like clamp(20px, <generated based on values>, 30px) (but converted to REM).

Basically, it would work just as it works now, but instead of automatically adding steps, it would require manual entry of min/max values. :slight_smile:

Best regards,
Matej

3 Likes
10

Hi @Matej , we also need the ability to manually change the min and max on some of the auto added steps, not just create a whole set of manually configured steps.

3 Likes
11

I see. We would need to implement a way to just update the individual values for auto generated ones. We will consider this as well.

Thanks.
Matej

1 Like
12

I believe I would very much like this also.

Was excited when I first saw “fluid typography” added to Bricks, but it’s really overkill for what I need. This is what I currently add through Bricks classes:

.headline-large { font-size: clamp(35px, 30.584px + 1.124vw, 50px); }
.headline-medium { font-size: clamp(22px, 19.645px + 0.599vw, 30px); }
// etc.
// accessible clamp functions copied via https://fluid.style/type
1 Like
13

This topic was mentioned before here:

For me also essential! Left my comment there.
I will stay with CF unless this has changed. I never get along without being able to adjust this manually.

1 Like
14

@Matej Manual typography inputs are missing. We use precise, custom sizes—never random values. This is a basic requirement for designers who need full control.

15

We are working on it :victory_hand:

3 Likes