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.
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?
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.
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/.
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