[Feedback] Relative Styling

Feedback
1

Feel free to add your feedback related to Cwicly’s Relative Styling feature here.

  • Allow custom input to write the CSS, instead of building it visually.

I think that would be a decent compromise for all users.
The option to build classes visually persists, and it makes sense for quite a few users, but no one would be forced to go that (in many cases) cumbersome route.
There are also cases which aren’t covered and could only be achieved by a custom Type.

It’s a massive trade-off for me, as it takes just too much time.
There were discussions in the past, but unfortunately no update/news to date.

image
image539×633 16.3 KB

  • Make RS modal resizable. It’s required when a lot of selectors are added.

image
image540×558 21.4 KB

  • Please rethink the position of the add rule icons.

They are not only suggesting the wrong user interaction, but they also require always to go to top. It’s not fun when I need to add 5-6 rules. That applies to both - before and after.

image
image534×537 24.7 KB

  • Add focus, focus-within and focus-visible to the Pseudo classes.

image

  • Allow Type > Class values to be edited. Currently, it’s required to delete and re-enter it.

That’s clearly #2 on my list of time-wasting and frustrating things, right after the missing custom type option.

I would like to hear some more opinions on that, so any thoughts are appreciated.
Please consider improving this very unique feature.

2 Likes
2

I was just about to make a topic about this as well. I would love see freeform selector input as well.

In my example, I need to create a RS for something like:

:where(:not(.alignleft):not(.alignright):not(.alignfull))

It’d be a lot easier to input that manually instead of creating a rule for every single selector in there.

Edit: Nvm, looks like you can actually accomplish that with just one rule because of the :where selector. But there are definitely other examples where this would be handy :slight_smile:

1 Like
3

@sunny, It’s coming, but does require a shift in the style rendering logic as well as some extra time to make sure it all works properly :slight_smile:

@Marius, these are all great points and we’ll definitely be including them in the coming weeks.

Thanks as always for sharing and helping make Cwicly better everyday!

2 Likes
4

That’s great to hear. I’m sure there’s a lot more to it behind the scenes. Thank you for making Cwicly better everyday!

1 Like
5

Found something that might be useful to consider when re-working the RS selectors.

I don’t think it’s currently possible to create a RS that looks like:

:where(.the-global-class) h3

I’m not quite sure how to work that in the UI though.

6

This is a very good point, thanks for bringing this up @sunny.

Another use case which is currently not possible would be something like this:

[class^="partial-class-name"]

Relative Styling not only gives one the possibility to create classes but also to manage them in a specific place.
That’s why I think it would still make sense if it’s possible to remove the block/global class as a default selector and start completely from scratch.

image

1 Like