Margin Release CSS Toolkit for Inktweb.nl
HTML CSS
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
tests
.gitignore
LICENSE
README.md

README.md

marrel.css

Marrel is the CSS as used on Inktweb.nl. This toolkit contains the components we most commonly use in our websites. This prevents us from writing new CSS or copy/pasting in things like <form> styling and buttons. Thus creating a more uniform design across our sites and making it easier for others to use and improve the code.

This is heavily inspired by Github's Primer and @mdo's talk Build your own Bootstrap. As a way to give back (and as a thank you) this code has been released open-source under the MIT license.

The name comes from an abbreviation from Margin Release. A btn often found on typewriters which allows you to write on the margins of a page.

How does it work?

Marrel is built with Sass on top of the grid system from Bootstrap, normalize.css and LINKS.

The end goal is not to create a toolkit that works for every use case but instead provides a solid starting point. Therefore the code does not contain twenty table styles and ten button sizes. Still — when using this we encourage you to write as few new lines of CSS as possible and opt for less is more.

Getting started

Include the following files:

<!-- latest -->
<link rel="stylesheet" href="//marrel.inktweb.nl/marrel.min.css">
<!-- specific version -->
<link rel="stylesheet" href="//marrel.inktweb.nl/1.2.1/marrel.min.css">

Documentation can be found at https://marrel.inktweb.nl/.

Building

You'll need Sass installed. Plop the following line in your terminal to make changes to the SCSS file.

sass --watch _marrel.scss:marrel.min.css --style compressed