Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/gcotelli/renoirst

A DSL enabling programmatic cascading style sheet generation for Pharo Smalltalk
https://github.com/gcotelli/renoirst

pharo

Last synced: about 2 months ago
JSON representation

A DSL enabling programmatic cascading style sheet generation for Pharo Smalltalk

Awesome Lists containing this project

README

        

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)