<div align="center">
    <a href="https://github.com/marcius-studio" target="_blank">
    <img src="docs/assets/logo-marcius-studio.svg" height="100px">
    </a>   
    <h1>Marcius.css</h1>
</div>

[Documentation](https://marcius-studio.github.io/marcius-css/) | [Discord community](https://discordapp.com/invite/DaWfrPx)

**Marcius.css** - lightweight, responsive and modern CSS framework.

Provides basic styles for typography and elements, flexbox based responsive layout system, pure CSS components and utilities with best practice coding and consistent design language.

*  **Default** - light theme
*  **Obscure** - dark theme

## Install

### Package manager

```node
$ yarn add @marcius-capital/marcius-css
$ npm install @marcius-capital/marcius-css
```

### Connect in `.sass`, `.scss` file

```css
// Default theme
@import "~@marcius-capital/marcius-css";

// Obscure theme
@import "~@marcius-capital/marcius-css/src/default-obscure";
```

## Stay in touch

Feel free to ask questions 😊

* Discord: Nikita Marcius#2274
* Telegram: [@nikitamarcius](https://ttttt.me/nikitamarcius)

## Contributors

<a href="https://github.com/marcius-studio">
<img src="https://raw.githubusercontent.com/marcius-studio/storage/master/badge-marcius-studio.svg" height="60">
</a>  

## License
[MIT](http://opensource.org/licenses/MIT) | Copyright (c) 2019-present

Based on [Spectre.css](https://github.com/picturepan2/spectre)
