# atomcss

**Repository Path**: cbq/atomcss

## Basic Information

- **Project Name**: atomcss
- **Description**: css原子类
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-02-28
- **Last Updated**: 2023-05-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# css 原子类

```javascript
npm i -S cq-atomcss

import 'cq-atomcss/normalize.css' // 初始化
import 'cq-atomcss/scrolllbar.css' // webkit blink内核滚动条样式
import 'cq-atomcss'

```

```css
.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.w-10 {
  width: 10%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-30 {
  width: 30%;
}

.overflow-visible {
  overflow: visible;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.pointer {
  cursor: pointer;
}

.ma1 {
  margin: 1px;
}

.pa1 {
  padding: 1px;
}
```