0.0
No commit activity in last 3 years
No release in over 3 years
Matchbox is the design system created by SparkPost. A design system is a collection of reusable components, digital assets, guidelines, patterns, and philosophies that follow clearly defined standards to manage design at scale.
2005
2006
2007
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
 Dependencies

Development

~> 2.2.33
~> 12.3.3
~> 3.0
 Project Readme

Matchbox for Rails

Matchbox design tokens for Rails applications.

This gem is based on: matchbox Matchbox is an open source design system and React component library, built for SparkPost's UI

Installation

Add this line to your application's Gemfile:

gem 'matchbox_rails'

And then execute:

$ bundle

Or install it yourself as:

$ gem install matchbox_rails

Usage

After installing the gem you can add this line to your application.scss file:

@import "matchbox";

Now you can use the design tokens of Matchbox as SCSS variables.

.my-element {
 background: color(blue, 700);
 box-shadow: box-shadow(400);
}

Development

After checking out the repo, run bin/setup to install dependencies. Then, run rake spec to run the tests.

To install this gem onto your local machine, run bundle exec rake install.

If you want to use the gem in development as part of your Rails application locally you can add it to your gemfile:

gem 'matchbox_rails', path: '/yourpath/matchbox_rails'

Publish

To publish a new version of this gem you need to be part of the TFE Engineering Team.

First build the gem gem build matchbox_rails.gemspec

Then use gem push matchbox_rails-0.1.0.gem

Add your credentials.

Done.

Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/sparkpost/matchbox_rails.

License

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