CSS Utility Library

This CSS library provides a set of utility classes to simplify frontend development, with support for colors, spacing, typography, positioning, shadows, and more.

Installation

To use this library, include the index.css file in your project:

<link rel="stylesheet" href="css-framework/index.css">

File Structure

The library is divided into multiple modular CSS files:

• index.css: Imports all other files.
• normalize.css: Normalizes base styles.
• variables.css: Contains global CSS variables.
• structure.css: Classes for flexible layouts.
• spacing.css: Classes for margins and padding.
• palette.css: Classes for predefined colors.
• shadow.css: Classes for managing shadows.
• radius.css: Classes for border-radius.
• typography.css: Classes for typography.
• position.css: Classes for positioning elements.

Usage

Colors

<div class="color-primary">Text on primary background</div>

Spacing

<div class="m-large p-small">Box with margin and padding</div>

Typography

<p class="text-large font-sans">Large text with sans-serif font</p>

Positioning

<div class="float-top">Element fixed at the top</div>

License

This library is distributed under the MIT license.