Skip to content

Add shadow color and opacity to all components#78

Open
bencounsell wants to merge 1 commit intomainfrom
auto-fix/issue-66
Open

Add shadow color and opacity to all components#78
bencounsell wants to merge 1 commit intomainfrom
auto-fix/issue-66

Conversation

@bencounsell
Copy link
Copy Markdown
Member

Summary

  • Adds Shadow Color and Shadow Opacity controls to all components that use BoxShadow and DropShadow global controls
  • Updates rw-elements-tools dependency to ^1.4.0 (see RWElementsPacksTools PR #3)
  • Rebuilds all properties.json and hooks.js files via the build script

Details

The rw-elements-tools v1.4.0 adds:

  • Shadow Color (themeColor) control to BoxShadow and DropShadow — allows users to pick a theme color for their shadow
  • Shadow Opacity (slider, 0-100%) control to BoxShadow and DropShadow — allows users to control shadow transparency
  • Both controls are present for start and end states when hover effects are enabled
  • Updated globalEffects and globalFilters hooks apply color/opacity using Tailwind's /{opacity} modifier syntax (e.g., shadow-blue-500/75)

Fixes #66

Note

This PR depends on rw-elements-tools v1.4.0 being published to npm first. The properties.json and hooks.js files in this PR were pre-built with the updated tools so the changes are ready to use immediately.

Rebuild all properties.json and hooks.js with rw-elements-tools 1.4.0
which adds Shadow Color and Shadow Opacity controls to BoxShadow and
DropShadow global controls.

Fixes #66
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add shadow opacity and shadow colour to global controls

1 participant