// Override Tachyons Defaults figure { margin: .25rem 0; } // Removes 40px left/right margins on codeblocks.

.focus { outline: 0; } // Removes dotted outline on link click.

// Links a {

color: $link;
&:hover {
  color: $link-hover;   
}

}

// Codeblocks pre {

overflow-x: auto;
overflow-y: hidden;
overflow: scroll;
padding: .5rem;

}

pre, code {

font-family: $code;
font-size: $code-font-size;
border-radius: .125rem;
background-color: $code-background-color;

}

p > code {

padding: .16rem;

}

// Blockquotes blockquote {

font-size: 1.25rem;
font-style: italic;
font-weight: 400;
line-height: 1.5;
padding-left: 1rem;
margin: 4rem 0 4rem 0;
color: $blockquote-color;
border-left: .25rem solid $blockquote-border-color;

}

blockquote cite {

font-size: .875rem;
font-style: normal;
letter-spacing: .1em;
text-transform: uppercase;

}

// Image captions figcaption {

font-size: .875rem;
font-weight: 400;
color: $figcaption-color;

}

// Footnotes .footnotes {

font-size: .875rem;
color: $footnotes-color;

}

// Media Queries @media #{$breakpoint-medium} {

blockquote {
  font-size: 1.5rem;
  padding-left: 1.5rem;
}

}

@media #{$breakpoint-large} {

blockquote {
  font-size: 1.5rem;
  padding-left: 1.5rem;
}

}