Skip to content

Instantly share code, notes, and snippets.

@simbo
Created January 7, 2016 18:04
Show Gist options
  • Save simbo/5c53f8f248708e60af09 to your computer and use it in GitHub Desktop.
Save simbo/5c53f8f248708e60af09 to your computer and use it in GitHub Desktop.
/**
* Content spacing
* =============================================================================
*/
$content-spacing_first-level
margin-top: content-spacing.first-level
margin-bottom: content-spacing.first-level
$content-spacing_second-level
margin-top: content-spacing.second-level
margin-bottom: content-spacing.second-level
$content-spacing_first-level,
$content-spacing_second-level
&:first-child
margin-top: 0
&:last-child
margin-bottom: 0
/**
* Content container
* =============================================================================
*/
.content
font-size: font-size.default
line-height: line-height.default
/**
* Text
* ===========================================================================
*/
p
@extend $content-spacing_first-level
// strong, b
// em, i
// abbr
// dfn
/**
* Links
* ===========================================================================
*/
// a
// &:hover
// &:active
// &:visited
/**
* Headlines
* ===========================================================================
*/
h1, h2, h3, h4, h5, h6
@extend $content-spacing_first-level
font-family: font-family.headlines
font-weight: bold
h1
font-size: font-size.h1
h2
font-size: font-size.h2
h3
font-size: font-size.h3
h4
font-size: font-size.h4
h5
font-size: font-size.h5
h6
font-size: font-size.h6
/**
* Lists
* ===========================================================================
*/
ul, ol
@extend $content-spacing_first-level
padding-left: content-spacing.lists-indent
ul
list-style-type: disc
ol
list-style-type: decimal
li
@extend $content-spacing_second-level
/**
* Definition Lists
* ===========================================================================
*/
dl
@extend $content-spacing_first-level
padding-left: (content-spacing.lists-indent / 2)
dd
margin-left: (content-spacing.lists-indent / 2)
dd + dt
margin-top: content-spacing.second-level;
/**
* Quotes
* ===========================================================================
*/
blockquote
@extend $content-spacing_first-level
// cite
/**
* Code
* ===========================================================================
*/
pre
@extend $content-spacing_first-level
// code, var, samp
// kbd
/**
* Media and embeds
* ===========================================================================
*/
iframe, object,
video, audio, canvas
@extend $content-spacing_first-level
/**
* Tables
* ===========================================================================
*/
table
@extend $content-spacing_first-level
/**
* Other
* ===========================================================================
*/
div
@extend $content-spacing_first-level
hr
@extend $content-spacing_first-level
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment