scssleon_typescript_scss_to_css_compilation_quickstart.ts

1import { Leon } from '@nulllogic/scssleon';
2
3const scssContent: string = `
4$primary-color: #3498db;
5
6.button {
7  background-color: $primary-color;
8  &:hover {
9    background-color: darken($primary-color, 10%);
10  }
11}
12`;
13
14async function runExample() {
15  try {
16    const leon = new Leon();
17    const result = await leon.compile(scssContent);
18    
19    console.log("Compiled CSS:");
20    console.log(result.css);
21  } catch (error) {
22    console.error("Compilation failed:", error);
23  }
24}
25
26runExample();