Save common style combinations (eg box shadows, border settings)

Setting a box shadow property, for instance, requires multiple settings (colour, opacity, inside/outside, angle, distance, blur, size) which are commonly re-used many times. It would be very useful to be able to re-use these easily, and globally change them, without having to manually creating an unstyled object, give it a class, set the style and then delete it!

  • Martin
  • Jan 18 2017
  • Akari Sánchez commented
    20 Jan, 2017 03:52pm

    Hi! Two things:


    1. Isn't the purpose of making 'symbols' making possible what you are saying? 

    2. If it is only about saving a combination of properties you created then I support your wish and I would propose having something like 'an Effects Creator pannel' in which you can create your own effects and save them in your nice gallery of effects.

  • Martin commented
    19 Jan, 2017 09:40am

    It is, and like a lot of SASS it's incredibly useful. I had to hand code some old fashioned CSS yesterday (needed a stled sata table in webflow, but that's another feature request...) and it was like pulling teeth...

    To be honest there's an awful lot of time and effort saving ideas in SASS webflow could learn from...

  • Diarmuid Sexton commented
    18 Jan, 2017 12:14pm

    I'm all for this. From what I've read, this is one of the core features of SASS - where the user can set a variable i.e. font color:red - and reference this variable within any class - giving that class the font color of red. If the user then changes the value of this variable - the color will change across all classes where it is referenced. This would be similar to a color swatch in photoshop - if a colour is updated on the swatch - it is updated everywhere it is referenced.

  • +2