[RESEARCH] Desktop ready general solution for pressed state

[RasmusKjeldgaard]

Describe why and what should be researched

As part of the work of making the Kirby Components Desktop Ready, it would make sense to research if it is possible to make general solutions for various interactivity states, before beginning implementing component specific solutions. This issue is concerned with pressed state (active pseudo selector).

Considerations

The following is worth considering when researching

Design:

• Background color?
• Border?
• Shadow?

Implementation:

• Investigate differences between components, to see if we can make a generalized solution.
• Prioritise general solution in html and css (directives will have to be rewritten later when moving to web-components)

Describe the goal

To unearth problems and consider if it is possible to come up with a (potentially partially) general solution for implementing the interactivity state. If possible also a POC of the solution.

[jkaltoft]

Conclusion

• Create a mixin for a general solution similar to apply-hover()
• Create customised solutions as needed
  • Based on experience with the other interaction states it's not realistic to expect to find a single solution for all components