0.0
No commit activity in last 3 years
No release in over 3 years
An intuitive and very DRY CSS framework that lets you dictate styling with classes that behave as they are named.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
 Dependencies

Development

Runtime

>= 0
 Project Readme

DictateCSS

An intuitive and very DRY CSS framework that lets you dictate styling with classes that behave as they are named.

Installation

Add this line to your application's Gemfile:

gem 'dictate_css'

And then execute:

$ bundle

Or install it yourself as:

$ gem install dictate_css

Setup

Run this in your console to create the styles in your vendor/assets/stylesheets directory

rails g dictate_css styles

Usage

Pick and choose which stylesheets to include in your asset pipeline. base is not optional.

# app/assets/stylesheets/application.css

*= require "dictate_css/base"
*= require "dictate_css/colors"
*= require "dictate_css/floating"
*= require "dictate_css/hide_show"

Examples

<div class="inline-block">
  My style is display: inline-block;
</div>

<div class="relative">
  My style is position: relative;
</div>

<div class="absolute">
  My style is position: absolute;
</div>

<div class="text-right">
  My style is text-align: right;
</div>

<div class="width-100">
  My style is width: 100%;
</div>

<div class="hide-on-mobile">
  My style is
  @media only screen and (max-width: 768px) {
    .hide-on-mobile {
      display: none;
    }
  }
</div>

To see all the possible styles you can look in your generated styles in vendor/assets/stylesheets/dictate_css. Or just look at the files here
base
colors
floating
hide_show

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/milesstanfield/dictate_css. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the Contributor Covenant code of conduct.

License

The gem is available as open source under the terms of the MIT License.