Skip to content

Instantly share code, notes, and snippets.

View silverliebt's full-sized avatar

Daniel L Potter silverliebt

View GitHub Profile

LESS Coding Guidelines

Medium uses a strict subset of LESS for style generation. This subset includes variables and mixins, but nothing else (no nesting, etc.).

Medium's naming conventions are adapted from the work being done in the SUIT CSS framework. Which is to say, it relies on structured class names and meaningful hyphens (i.e., not using hyphens merely to separate words). This is to help work around the current limits of applying CSS to the DOM (i.e., the lack of style encapsulation) and to better communicate the relationships between classes.

Table of contents

@addisonhall
addisonhall / _helpers.scss
Last active March 20, 2017 05:17
Simple SASS starter files
// Social media fontawesome colors
a .fa-square { color: #fff; }
a .fa-twitter-square, a .fa-twitter { color: #00aced; }
a .fa-facebook-square, a .fa-facebook { color: #3b5998; }
a .fa-youtube-square, a .fa-youtube { color: #bb0000; }
a .fa-google-plus-square, a .fa-google-plus { color: #dd4b39; }
a .fa-linkedin-square, a .fa-linkedin { color: #007bb6; }
a .fa-pinterest-square, a .fa-pinterest { color: #cb2027; }
a .fa-vimeo-square, a .fa-vimeo { color: #aad450; }
a .fa-instagram { color: #517fa4; }