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
    January 20, 2017 15:52

    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
    January 19, 2017 09:40

    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
    January 18, 2017 12:14

    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