preons
Functional css library and utility belt
Last updated 15 days ago by gemmablack .
SEE LICENSE IN LICENSE · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install preons 
SYNC missed versions from official npm registry.

Preons ????

Codacy Badge Build Status

A functional CSS system for building user interfaces ????

Documentation | CLI | Reference

????Currently Under Development

This repo is subject to lots of changes as it's in prime experimental mode. See going from 0.0.0 to 1.0.0.

???? Documentation

Get started here.

???? Themes

Coming soon

???? CLI

Learn more here.

???? Configuration

Example preons.yaml.

Read the docs here.

Preonize Function

The preonize function is currently an scss function. It allows Preons to generate lots of rules at multiple breakpoints without having to hardcode each CSS class.

It has 4 parameters.

@include preonize(
  <class name>,       # The prefix name of the class eg. 'h' for height
  <css property>,     # The css property assigned to the class 'height'
  <sass map rules>,   # Sass map of rules eg. (1: 1rem, 2: 2rem)
  <breakpoints>       # Breakpoints
);

Thus, we can reuse different sass-maps for several rules. Here's an example use:

@include preonize(
    "h",
    width,
    map-collection(scaled, percentaged, discrete, special-sizes),
    $breakpoints
);

???? Reference

Look up the reference here or peruse them below.

????️ Roadmap

Read the roadmap here.

⛓ Versioning

This project uses SemVer for versioning and Intuit's Auto to generate releases on the fly. For the versions available, see the tags on this repository.

???? Thank yous

Contributing

Thank you for your desire to contribute. All you have to do is create a PR. Note the following conventions:

???? Licence

You are free to modify and do as you choose to this library however, it uses GPLv2.1 to keep it free for all into the future. Of course, you can commercialize your product where this library is part of a larger piece of work and is merely a dependency.

Here's a really helpful video explanation of GPL licences in general.

https://www.youtube.com/watch?v=JlIrSMzF8T4

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Gemma Black

???? ???? ⚠️ ????

Pierre Grimaud

????

Fábio Rosado

????

Codacy Badger

????

This project follows the all-contributors specification. Contributions of any kind welcome!

Current Tags

  • 0.4.7                                ...           latest (15 days ago)

45 Versions

  • 0.4.7                                ...           15 days ago
  • 0.4.6                                ...           15 days ago
  • 0.4.5                                ...           2 months ago
  • 0.4.4                                ...           2 months ago
  • 0.4.3                                ...           2 months ago
  • 0.4.2                                ...           2 months ago
  • 0.4.1                                ...           3 months ago
  • 0.4.0                                ...           6 months ago
  • 0.3.45                                ...           6 months ago
  • 0.3.44                                ...           6 months ago
  • 0.3.43                                ...           7 months ago
  • 0.3.42                                ...           7 months ago
  • 0.3.41                                ...           7 months ago
  • 0.3.40                                ...           7 months ago
  • 0.3.39                                ...           7 months ago
  • 0.3.38                                ...           7 months ago
  • 0.3.37                                ...           8 months ago
  • 0.3.36                                ...           8 months ago
  • 0.3.35                                ...           8 months ago
  • 0.3.34                                ...           8 months ago
  • 0.3.33                                ...           8 months ago
  • 0.3.32                                ...           8 months ago
  • 0.3.31                                ...           8 months ago
  • 0.3.30                                ...           8 months ago
  • 0.3.29                                ...           8 months ago
  • 0.3.28                                ...           8 months ago
  • 0.3.27                                ...           8 months ago
  • 0.3.26                                ...           8 months ago
  • 0.3.25                                ...           8 months ago
  • 0.3.24                                ...           8 months ago
  • 0.3.23                                ...           8 months ago
  • 0.3.22                                ...           8 months ago
  • 0.3.21                                ...           8 months ago
  • 0.3.20                                ...           8 months ago
  • 0.3.19                                ...           8 months ago
  • 0.3.18                                ...           8 months ago
  • 0.3.17                                ...           8 months ago
  • 0.3.14                                ...           8 months ago
  • 0.3.13                                ...           8 months ago
  • 0.3.12                                ...           8 months ago
  • 0.3.11                                ...           8 months ago
  • 0.3.10                                ...           8 months ago
  • 0.3.9                                ...           8 months ago
  • 0.3.8                                ...           8 months ago
  • 0.0.1                                ...           8 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 15
Last Day 0
Last Week 0
Last Month 0
Dependencies (13)
Dev Dependencies (15)
Dependents (1)

Copyright 2014 - 2017 © taobao.org |