Module: Molecular

Defined in:
lib/molecular.rb,
lib/molecular/version.rb

Overview

Build reusable, tweakable UI elements out of atomic-CSS classes

Defined Under Namespace

Classes: Compound

Constant Summary collapse

VERSION = 
'0.1.0'.freeze

Class Method Summary collapse

Class Method Details

.compound(atoms) ⇒ Object

Examples:

Button = Compound.new(bg: 'bg-blue', color: 'white')
<button class="<%= Button %>">A blue button</button>
<button class="<%= Button.(bg: 'bg-red') %>">A red button</button>

Parameters:

  • atoms: (Hash) —

    • values are the CSS class names that get chained

    • keys define the API you’ll use to apply alternate classes

    @return [Molecular::Compound]



16
17
18
 
# File 'lib/molecular.rb', line 16

def compound(atoms)
  Compound.new(atoms)
end