pico-rails

Integrates pico.css with the rails asset pipeline.

A Minimal CSS Framework for semantic HTML.

Pico.css provides elegant default styles on all native HTML elements (which you can preview here) without the need to add swaths of classes to your markup.

Installation

gem "pico-rails"

And then execute:

$ bundle

Or install it yourself as:

$ gem install pico-rails

Usage

  • To import all assets in your Rails project, add the following line to your application.scss:

    @import "pico";
    
  • To import pico.css classless version, then:

@import "pico.classless";
  • To import pico.css fluid classless version, then:
@import "pico.fluid.classless";
  • To import pico.css slim version, then:
@import "pico.slim";

For information about pico.css, see: https://picocss.com/docs/