Living Style Guide

Welcome to eurucamp’s front-end style guide. This is the central place where all CSS and assets for 2015.eurucamp.org are defined and maintained. The source of this document and the Sass code are available at github.com/eurucamp/livingstyleguide-eurucamp.

Using Atoms

The atoms listed here are meant to be reused within the components. They won’t be available stand-alone via the API.

Button

A button A disabled button 
%button.button A button
%a.button(href) A button
%button.button(disabled) A disabled button
%a.button A disabled button
A button A deactivated button 
%button.button.-primary A button
%a.button.-primary(href) A button
%button.button.-primary(disabled) A disabled button
%a.button.-primary A deactivated button
A button A deactivated button 
%button.button.-secondary A button
%a.button.-secondary(href) A button
%button.button.-secondary(disabled) A disabled button
%a.button.-secondary A deactivated button
A button A deactivated button 
%button.button.-tertiary A button
%a.button.-tertiary(href) A button
%button.button.-tertiary(disabled) A disabled button
%a.button.-tertiary A deactivated button