search

analogwp / analogwp-templates

Style Kits for Elementor adds a number of intuitive styling controls in the Elementor editor that allow you to apply styles globally or per page.
https://analogwp.com
27 stars 7 forks source link

Add default values for container & shadow presets #505

Closed JohnPixle closed 2 years ago

JohnPixle commented 2 years ago

Include default values for:

This will help new users or users who do not have another Style Kit, to work with the presets.

JohnPixle commented 2 years ago

Note to self: revise the default labels also.

JohnPixle commented 2 years ago

@lushkant can you point me to the part of the code for the container spacing presets? I want to see if I can add the values please. it's double work for me to write them down and for you to manually type them

JohnPixle commented 2 years ago

@lushkant I have added the values for the containers and the shadows, hope the format helps. Let me know if you have any other questions.

Let's make sure that IF users have existing values in there now, they will be maintained and NOT overwritten by the defaults we set.

Containers

Container Sizes Desktop Tablet Mobile
XL 80px, 24px, 80px, 24px 72px, 24px, 72px, 24px 64px, 24px, 64px, 24px
Large 64px, 24px, 64px, 24px 56px, 24px, 56px, 24px 40px, 24px, 40px, 24px
Normal 40px, 40px, 40px, 40px 32px, 32px, 32px, 32px inherit
Medium 24px, 24px, 24px, 24px inherit inherit
small 16px, 16px, 16px, 16px inherit inherit

Shadows

Shadow Presets color Horizontal Vertical blur spread position
default - - - - - -
Small rgba(0, 0, 0, 0.15) 0 4 16 0 outline
Medium rgba(0, 0, 0, 0.15) 0 20 20 0 outline
Large rgba(0, 0, 0, 0.15) 0 30 55 0 outline
Extra Large rgba(0, 0, 0, 0.15) 0 80 80 0 outline