-
Gradients are typically used for section backgrounds. For standard web pages, it's best not to use too many colors, so OrcaUI's gradient system only employs two-color gradients. It supports gradients with all primary colors across 8 directions, using...
-
Users can independently control width and height using _w-* and _h-* style classes. Dimensions use input height as the base unit (e.g., _w-1 equals 40px, _w-6 equals 40*6px). Includes three special sizes: neat (matches input width), half (50%), and f...
-
By controlling the aspect-ratio property, block elements can automatically maintain proportional dimensions based on either width or height, supporting common media sizes.
-
Use _sd[-*] style classes to independently apply shadows to elements. In this framework, shadows are categorized by style rather than size. For example, shadows can simulate borders without occupying space, or create diffused spreading effects to evo...
-
Use _r[-*] style classes to independently set an element's border radius, supporting customization of size and position. The sizing is based on a 3px increment (e.g., _r-3 means 3px*3).
-
Utilizes various fonts and font sizes to meet general webpage display needs for headings and body text
-
Explains the relationship between color utility classes and CSS variables for color generation. This article provides a clear understanding of how OrcaUI's color theme system works, empowering users to customize their own theme styles after mastering...
-
Empty includes styles or states displayed for blank content or empty tags
-
The _bd or _bd-* classes represent standalone border styling (outline-like borders) that can be applied to any element. These styles support border positioning and sizing, with all _bd[-*] variants using solid borders. Unlike outline, these borders o...
-
The text formatting styles were previously scattered across CSS and native HTML tags, making them inconvenient to use. This framework has now integrated commonly used text formats into CSS, standardizing their implementation through CSS classes rathe...