open-index/open-npm huggingface dataset:
npm package: @geekymiky/css-framework
Description: Another yet CSS framework
Author: Michele Purracchio
Latest version: 0.2.2

# 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:

```html
<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

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

### Spacing

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

### Typography

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

### Positioning

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

## License

This library is distributed under the MIT license.