Core system

The Core system of the Casoon UI Library forms the foundation for all components and styles. It defines the basic principles and structures on which the entire design system is built.

Overview

The Core system consists of several key components:

• Layer system: Organization of CSS layers for optimal specificity and maintainability
• CSS Architecture: Structuring and organization of CSS code
• Color system: Color system and management
• Color-Mix system: Advanced color mixing and manipulation
• Logical Properties: Use of logical properties for language-independent layout
• Smooth Scrolling: Implementation of smooth scrolling for better user experience

Philosophy

The Core system follows these design principles:

1. Modularity: Independent, reusable components
2. Consistency: Unified design language
3. Flexibility: Adaptability to different requirements
4. Performance: Optimized performance with minimal file size
5. Accessibility: Compliance with accessibility standards

Usage

The components of the Core system are automatically loaded when you import the main file of the Casoon UI Library:

@import '@casoon/ui-lib/core.css';

For more specific requirements, you can import individual parts of the Core system separately.

Further Topics

• Layer system
• CSS Architecture
• Color system
• Color-Mix system
• Logical Properties
• Smooth Scrolling