📄️ General Overview
Toucaan is an intrinsic, mutative, and deterministic approach to styling websites and native mobile apps built using the web-stack.
📄️ The Architecture
Toucaan organizes all of the css required by your application within itself. Meaning, everything that is used by an app, lives within the app, like so:
📄️ The Design Space
Toucaan is an Intrinsic Approach to Design. It allows creation of interfaces that exploit the intrinsic capabilities of the medium. By designing "contextually relevant" experiences, the developer not only finds the right solution for a given medium but also they address the accessibility situation in a meaningful way.
📄️ The CSS Router
Toucaan uses a simple css router to prioritize and load the correct stylesheet for the corresponding class of device the user is on. This router will separate your stylesheets according to the types (or classes) of devices being served, and help you organize all your application CSS in the appropriate subfolders as shown in the architecture above.
📄️ Baseline Assets
Unlike traditional css frameworks, Toucaan does not use a heavy reset or normalize. It uses a very small set of pre-opted baseline css to ensure cross-browser consistency.
📄️ Scaling Content
📄️ DIY Framework
Let us create a new folder named toucaan somewhere in your project using the following command: