An open API service indexing awesome lists of open source software.

https://github.com/bmf-san/sleyt

A minimal and modern CSS framework.
https://github.com/bmf-san/sleyt

css css-framework flex grid minimal slate

Last synced: 4 months ago
JSON representation

A minimal and modern CSS framework.

Awesome Lists containing this project

README

          

[![npm version](https://badge.fury.io/js/sleyt.svg)](https://badge.fury.io/js/sleyt)

# sleyt

[English](README.md) | [日本語](README-ja.md)

ミニマルでモダンなCSSフレームワーク。

[![NPM](https://nodei.co/npm/sleyt.png)](https://nodei.co/npm/sleyt/)

## 特徴

- **ガラスモーフィズムデザイン** - 透明感とバックドロップブラー効果
- **データ可視化** - バーチャート、折れ線チャート、ドーナツチャート
- **アクセシビリティ重視** - セマンティックなマークアップとデザインパターン
- **豊富なコンポーネント** - フォーム、ボタン、カード、ナビゲーション等
- **レスポンシブデザイン** - モバイルファーストアプローチ
- **ダークモード対応** - 自動テーマ切り替え
- **CSS専用実装** - JavaScript依存なし

## インストール

```bash
npm i sleyt
```

## ドキュメント
[ドキュメント](https://bmf-san.github.io/sleyt/)

## 開発

### CSSのビルド

```bash
# 依存関係のインストール
npm install

# ビルド
npm run build:css

# 監視モード(変更を監視して自動的にビルド)
npm run watch:css
```

### Stylelint

コードの品質を保つために、CSSのlintツール(Stylelint)を導入しています。

```bash
# lintを実行
npm run lint:css

# lintのエラーを自動修正
npm run lint:css:fix
```

# コントリビューション
いつでも問題報告やプルリクエストを歓迎しています。

お気軽にコントリビュートしてください!

コントリビュートする前に、以下のドキュメントをご確認ください:

- [行動規範](https://github.com/bmf-san/sleyt/blob/main/.github/CODE_OF_CONDUCT.md)
- [コントリビューションガイド](https://github.com/bmf-san/sleyt/blob/main/.github/CONTRIBUTING.md)

# スポンサー
このプロジェクトが気に入ったら、スポンサーになることを検討してください!

[Github Sponsors - bmf-san](https://github.com/sponsors/bmf-san)

または、スターをつけていただけると嬉しいです!

それが私たちがこのプロジェクトのメンテナンスを続ける励みになります。:D

# ライセンス
このプロジェクトはMITライセンスの下で提供されています。

[ライセンス](https://github.com/bmf-san/sleyt/blob/main/LICENSE)