@cornell_ilr/union

2.0.0-alpha.1 • Public • Published

Union - Cornell University ILR School Design System

A simple, Twig-based component builder and styleguide compatible with Drupal.

Setup

$ composer install

Usage

Creating components

$ composer run union:new

Component example:

components/button/
├── buttons.data.yml
├── button.twig
├── button.css
└── button.libraries.yml

Library example:

# button.libraries.yml

css:
  button.css: {}
js:
  button.js: {}
dependencies:
  - base

Connect to Drupal

Union Organizer is a custom Drupal 8 module configures Twig namespacing and adds components and skins as Drupal libraries. See the Union Organizer readme for installation and documentation.

Helper functions

union_attributes().

Abstracts Drupal Attribute functionality so that attributes can be dynamically created or added to from within a template. See the form component.

Publishing a new Release

This package is published to Packagist. To create a new release:

# TBD

Roadmap

  • Refactor colors. Define names in global but actual colors in skins.
  • Actually use libraries to build css rather than single union.css and union.js files.
  • In all cases, skin CSS should be loaded after component CSS.
  • Cleaner separation of component and skin typography.

Readme

Keywords

none

Package Sidebar

Install

npm i @cornell_ilr/union

Weekly Downloads

0

Version

2.0.0-alpha.1

License

MIT

Unpacked Size

1.59 MB

Total Files

259

Last publish

Collaborators

  • jeffam
  • a-fro