Media Query Sass Mixin [code snippet]

The sass mixin below has default variable values for common breakpoints. But this mixin also allows you to write a custom value if needed.

 

Continue Reading

Category: Code Snippets

Web Font Weight and Style Mixin [Code Snippet]

If you are using Google Fonts or a custom web font, you probably are writing different font weights and styles. These mixins combine the two to make it really easy to update a global font style in your stylesheet.

 

Continue Reading

Category: Code Snippets

What are the Open Sans CSS Font Weights?

I often want to use different font weights for Open Sans and so am adding them here for quick reference later. Open Sans light font-weight: 300; regular font-weight: 400; semi-bold font-weight: 600; bold font-weight: 700; extra-bold font-weight: 800;

Continue Reading

Category: Common Questions