https://github.com/asplunds/void-css
Void CSS is a powerful, pre and JIT compiled css processor. Void CSS uses sass (scss) inspired syntax to process css into two parts: static (unchanging) and dynamic (updates using JavaScript). This split compilation process preserves the high performance of static css and flexibility of dynamic css.
https://github.com/asplunds/void-css
Last synced: about 9 hours ago
JSON representation
Void CSS is a powerful, pre and JIT compiled css processor. Void CSS uses sass (scss) inspired syntax to process css into two parts: static (unchanging) and dynamic (updates using JavaScript). This split compilation process preserves the high performance of static css and flexibility of dynamic css.
- Host: GitHub
- URL: https://github.com/asplunds/void-css
- Owner: asplunds
- Created: 2022-01-29T15:07:26.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2022-03-01T09:32:17.000Z (over 3 years ago)
- Last Synced: 2025-03-02T02:45:00.151Z (4 months ago)
- Language: TypeScript
- Size: 6.63 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Void CSS
Void CSS is a powerful, pre and JIT compiled css processor. Void CSS uses sass (scss) inspired syntax to process css into two parts: static (unchanging) and dynamic (updates using JavaScript). This split compilation process preserves the high performance of static css and flexibility of dynamic css.
## Installation
## Features
- JIT compilation
- Scoped css by default (randomized class names)
- High performance
- Plugin/extension support
- Inline media queries
## Examples
### Static example
```scss
.my-class {
color: blue;
.nested-class {
background: red;
}
&.conjoined-class {
font-size: 1.2rem;
}
}
```
⤷ **compiles to:** ↴
```css
.vcss-my-class-71c3a172f5 {
color: blue;
}
.vcss-my-class-71c3a172f5 .nested-class {
background: red;
}
.vcss-my-class-71c3a172f5.conjoined-class {
font-size: 1.2rem;
}
```
```js
{
myClass: 'vcss-my-class-4f70cededb'
}
```
## How the compiler works
