brunobuzzi / RenoirSt

A DSL enabling programmatic cascading style sheet generation for Pharo Smalltalk

Renoir.St

A DSL enabling programmatic cascading style sheet generation for Pharo Smalltalk

Goals

• Improve CSS integration with existing Web Frameworks
• Write & refactor in Smalltalk, deploy to CSS

License:

The project source code is MIT licensed. Any contribution submitted to the code repository is considered to be under the same license.

The documentation is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License

Benefits:

• Keep in sync your code changes with the changes in the CSS
• Use your favorite browsing and refactoring tools inside the same Pharo image to handle CSS

Highlights:

• Supported Platforms: Pharo 3 / Pharo 4 / Pharo 5 / Pharo 6 / Pharo 7
• Source Code Repository and Issue Tracking: In this GitHub repository.

Get started!

Pharo 6/7

• Open a Playground and evaluate:

Metacello new
  baseline: 'RenoirSt';
  repository: 'github://ba-st/RenoirSt:master/source';
  load

Pharo 5

• Open a Playground and evaluate:

Metacello new
  baseline: 'RenoirSt';
  repository: 'github://ba-st/RenoirSt:stable-pharo-50/source';
  load

or

• Load it using the Catalog Browser

Pharo 4

• Open a Playground and evaluate:

Metacello new
  baseline: 'RenoirSt';
  repository: 'github://ba-st/RenoirSt:stable-pharo-40/source';
  load

or

• Load it using the Configuration Browser

Pharo 3 (this version is stalled at 1.4.0)

• Load it using the Configuration Browser

or

• Open a workspace and evaluate:

Gofer it    
    url: 'http://smalltalkhub.com/mc/gcotelli/RenoirSt/main';
    configurationOf: 'RenoirSt';
    loadStable

---

Now you can try the Hello World:

CascadingStyleSheetBuilder new
	declareRuleSetFor: [:selector | selector body before]
	with: [:style | style content: '"Hello World"'];
	build

you should see something like this:

body::before
{
	content: "Hello World";
}

Contributing

If you want to help check the "How to contribute" doc