The goal of react-domless-media is to provide DOM-transparent css media query container for react.js. It is not creating any DOM nodes on its own, thus it does not disturb already existing styling.
Instead of creating its own DOM node and applying css styles to it, it applies them to all immediate DOM nodes of all provided react components, if they have any.
When react fragment is provided as a prop, it recursively extracts children components first, until immediate DOM nodes are found.
This causes the following:
a) All components provided as matching would receive display: none !important if given media query conditions would not be met.
b) All components provided as nonMatching would receive display: none !important if given media query conditions would be met.
I contacted the project owner and offered a logo proposal and he agreed with it, the project had no logo yet.
I suggested some ideas and he delivered some information about what he wanted so we created an hexagonal background referring an slightly similarity to the Redux logo.
It has 6 points referring of the orbits of an atom, he associated it with the logo of React.js
It has 5 rectangles, 4 of those are color fill and one is hollow with the ''RDM'' (React Domless Media) acronym reffering to the name of the project.
It is an original logo which is very easy to understand and its connected to React as the project owner wanted.
This work is licensed under a Creative Commons Attribution 4.0 International License.
