Artem Zakharchenko

Alternatively, the syntax can become opposite, with you declaring multiple data pieces at once, similar to how you do with Responsive props: ```jsx const Component = () => { const...

One more approach can be to rework the call signature of `useResponsiveValues`: 1. One data piece per one hook instance. 1. Adopt the same breakpoint range declaration pattern used in...

## The problem What causes this issue is the lack of `matchMedia` on the server. Since a media query string cannot be attempted to match (event against hard-coded window resolution—default...

@ruhaise, in the end I followed a similar approach you've introduced when tackling #281. Only instead of `match-media-mock` I've decided to write a custom matcher function that would integrate with...

Hello, @brucou. That's a good question. I'll try to give a brief overview on this topic. Atomic Layout can be divided into three parts: 1. Core. Deals with breakpoints calculations....

Sounds awesome! I'll try to list the places where you can find rendering/styling parts. ## Rendering https://github.com/kettanaito/atomic-layout/blob/5b40cec2ab3d7803bd17a91c891a4e36d06d2184/src/components/Composition.tsx#L24 Composition is a heart and sould of the library's concept. Implementation-wise, it's a...

As of `0.12.0` release Atomic Layout is split into two packages: 1. `@atomic-layout/core` that contains all the core functionality (breakpoints calculations, styles generation). This _still depends on React). 1. `atomic-layout`...

Hi, @ruhaise. It's not a bug, but a refactoring of the existing code. As I said, the function that should merge two area records is too smart. It doesn't have...

As the library is mobile-first by default, any `@media` expressions take higher priority over the default (mobile) values. ```scss .composition { padding: 10px; @media (max-width: 768px) { /* prop with...

It would be nice to have this fixed, yet it's likely that this API would be deprecated in the future (#165). There must be a way to resolve this CSS...