https://github.com/bmf-san/sea.css

sea.css is a simple and easy to use css framework.
https://github.com/bmf-san/sea.css

bem css css-framework flex flexbox minimal postcss

Last synced: 2 days ago
JSON representation

sea.css is a simple and easy to use css framework.

• Host: GitHub
• URL: https://github.com/bmf-san/sea.css
• Owner: bmf-san
• License: mit
• Created: 2020-05-19T13:49:38.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-07-27T05:42:38.000Z (about 1 year ago)
• Last Synced: 2024-05-02T06:01:22.419Z (5 months ago)
• Topics: bem, css, css-framework, flex, flexbox, minimal, postcss
• Language: CSS
• Homepage:
• Size: 1.01 MB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# sea.css

[![CircleCI](https://circleci.com/gh/bmf-san/sea.css/tree/master.svg?style=svg)](https://circleci.com/gh/bmf-san/sea.css/tree/master)

[![GitHub license](https://img.shields.io/github/license/bmf-san/sea.css)](https://github.com/bmf-san/sea.css/blob/master/LICENSE)

![logo](https://user-images.githubusercontent.com/13291041/90637808-6c050a80-e267-11ea-8288-0dc25145d2fc.png)

sea.css is a simple and easy to use css framework.

# Features

- Simple design.

- Easy to use.

- Minimal file size.

- No JavaScript.

# Docs & Examples

See this [github pages](https://bmf-san.github.io/sea.css/).

You can check the design of sea.css.

# Get started

## zip

You can get the latest release from github.

Download zip

## npm or yarn

You can install sea.css from npm or yarn

`npm i sea.css`

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

## CDN

```html

```

# Customizing

sea.css uses a basic set of css variables, so you can override the variables defined in sea.css.

```css

@import url(sea.css)

:root {

  --main-text: helvetica;

  --sub-text: futura;

  --main-color: #21adc7;

  --main-hover-color: #1f8699;

  --main-text-highlight-color: #d2fa92;

  --main-text-color: #262424;

  --main-text-reverse-color: #fff;

  --subpoint-color: #647172;

  --border-color: #c7dadd;

  --success-color: #a7f8cc;

  --danger-color: #f1a8a9;

  --warning-color: #fdeaaa;

  --info-color: #f4f4f4;

}

```

# Contributing

We welcome your issue or pull request from everyone. We'd appreciate if you could contribute our project.

# License

This project is licensed under the termed of the MIT license.