Koan
Koan is a Drupal base theme and component library that uses intrinsic layout techniques instead of media queries to create flexible and adaptable designs. It builds layouts from reusable atomic components, allowing content to adjust seamlessly to any screen size.
Koan is a component library and a base theme for Drupal built by sleepingmonk.
This library uses algorithmic/intrinsic layout techniques and 13 "[Layout Primitives](https://every-layout.dev/rudiments/)", instead of media queries and breakpoints, to compose complex layouts. It allows content to expand or contract according to its needs, and still adapts to infinite screen sizes.
Layout Primitives are composed into Atomic Components, that are composed into templates and pages.
For more details about the methodologies used in this component library see: https://sleepingmonk.github.io/koan/
External References:
- https://every-layout.dev/rudiments/
- https://atomicdesign.bradfrost.com/table-of-contents/
Installation
Requirements
1. [Components module](https://drupal.org/project/components)
Use
- `composer require drupal/koan`
- Enable the base theme in drupal.
- Create a new sub theme with the following line in your `info.yml` file:
-`base theme: koan`
- Include twig templates into your Drupal templates via `@atoms/Button/Button.twig`, etc.
Links
* Project Page: https://drupal.org/project/koan
* Documentation: https://sleepingmonk.github.io/koan/
* Support: https://drupal.org/project/koan
* Developer: https://bionic.studio