openpeeps/bro

Bro - A super fast stylesheet language for cool kids! Alternative to SassC, DartSass SassJS and Less.

bro's Issues

simplify parser

and make compiler smarter

Implement a CSS parser

@import plain.css should parse the CSS file and turn it into a BRO-compatible abstract syntax tree. This is a must-have feature that would make it easier to work with all CSS frameworks 👌

Some CSS:

.btn {
  font-size: 16px;
  color: blue
}

Some .bass file:

@import main.css

.btn-secondary
  @extend .btn
  if this.has("color"):
    echo this.color // will print `blue`

Compiler optimizations

• Autoprefixer

• Deduplication

.btn 
  color: blue

.btn
  font-size: 14px

should output a single .btn selector

.btn{color: blue; font-size: 14px}

Other cool features:

• CSS alphabetize (done by std/critbits)

Syntax Highlighting for Sublime Text

Compilation error: Undeclared identifier

At src/bropkg/engine/parser.nim(603, 21) error: Error: undeclared identifier: 'parseNamedColor'

Nim version tested: 1.9.5 and 1.6.10

83ab67e#r123334126

Implementation of string concatenation

Some examples

$x = "One, two, " & "this is readable"

Variables should be fine too (using backticks). Similar with template literals in JS:

$name = "John"
$num = 7
echo `Hello, ${name}! You lucky ${num}.`

Build a landing page

Bro needs a cool website, with playground (via WASM) and docs. Will be available at bro-lang.com