RenoirSt

Description

A DSL enabling programmatic cascading style sheet generation for Pharo Smalltalk

Details

Source

GitHub

Dialect

pharo (65% confidence)

License

MIT

Stars

19

Forks

9

Created

Oct. 21, 2013

Updated

July 30, 2020

Topics

pharo

README excerpt

Renoir.St 
=========

# DEVELOPMENT is now at [ba-st/RenoirSt](https://github.com/ba-st/RenoirSt/) repository

[![Build Status](https://ci.inria.fr/pharo-contribution/buildStatus/icon?job=RenoirSt)](https://ci.inria.fr/pharo-contribution/job/RenoirSt/)

*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](LICENSE) 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](http://creativecommons.org/licenses/by-sa/4.0/)

### 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](http://www.pharo.org/)
- **Source Code Repository** and **Issue Tracking**: In this GitHub repository.

### Get started!

#### Pharo 5

- Open a Playground and evaluate:

```smalltalk
Metacello new
  baseline: 'RenoirSt';
  repository: 'github://gcotelli/RenoirSt:stable-pharo-50/source';
  load
```

or

- Load it using the Catalog Browser

#### Pharo 4

- Open a Playground and evaluate:

```smalltalk
Metacello new
  baseline: 'RenoirSt';
  repository: 'github://gcotelli/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:

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

***********************************************

Now you can try the Hello World:

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

you should see something like this:
```css
body::before
{
	content: "Hello World";
}
```
### Contributing
If you want to help check the ["How to contribute" doc](docs/How to contribute.md)