https://github.com/serkodev/master-styles-group

A plugin for Master Styles to group up styles and add selectors.
https://github.com/serkodev/master-styles-group

css group html master plugin style ui virtual

Last synced: 3 months ago
JSON representation

A plugin for Master Styles to group up styles and add selectors.

• Host: GitHub
• URL: https://github.com/serkodev/master-styles-group
• Owner: serkodev
• License: mit
• Created: 2022-04-05T20:28:53.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2023-01-10T12:55:51.000Z (about 2 years ago)
• Last Synced: 2024-10-06T16:06:21.331Z (4 months ago)
• Topics: css, group, html, master, plugin, style, ui, virtual
• Language: TypeScript
• Homepage:
• Size: 258 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# master-styles-group

A plugin for [Master Styles](https://github.com/master-co/styles) to group up styles and add selectors.

### THIS PROJECT IS IN BETA

This project may contain bugs and have not being tested at all. Use under your own risk, but feel free to test, make pull request and improve this project.

## Features

- Group up master styles

- Add a [Selector](https://docs.master.co/styles/selectors) / [Breakpoints](https://docs.master.co/styles/breakpoints) / [Media Queries](https://docs.master.co/styles/media-queries), etc. for all styles inside a group in one-line.

- Support for adding selectors in front of style group

- Support nested group

## Install

Before starting, make sure you have [Master Styles](https://docs.master.co/styles/setup) installed.

> ⚗️ **Experimental**

```

npm install master-styles-group

```

```

yarn add master-styles-group

```

### CDN

```html

```

## Setup

```js

import "master-styles-group";

```

## Usage

- Use `{}` to group up styles

- Use `;_` to separate each style

- Put a selector at start or end

### Examples

```html







```


#### Nested Group

```html













```


## License

MIT License