Permalink
Find file
1f45d7b Mar 8, 2016
@grayghostvisuals @dennisgaebel
102 lines (78 sloc) 1.71 KB
// $Global
// -------------------------------------//
html {
@if $typl8-custom-font {
font: $typl8-font-weight #{$typl8-font-size + "%"}/#{$typl8-line-height} $typl8-custom-font, $typl8-font-family;
} @else {
font: $typl8-font-weight #{$typl8-font-size + "%"}/#{$typl8-line-height} $typl8-font-family;
}
}
body {
@extend %typl8-breakword;
@include typl8-hyphens(auto);
color: $typl8-copy-color;
}
// $Headings
// http://codepen.io/grayghostvisuals/pen/IKsbw
// -------------------------------------//
@include typl8-headings;
@include typl8-headings-style;
// $Parargraphs
// -------------------------------------//
p {
margin: auto auto $typl8-indent-val;
@if $typl8-paragraph-spacing == false {
& + p {
text-indent: $typl8-indent-val;
margin-top: -$typl8-indent-val;
}
}
}
// $Blockquotes
// -------------------------------------//
blockquote {
+ figcaption cite {
@extend %typl8-cite;
}
}
// $Legal Text
// -------------------------------------//
small {
font-size: $typl8-small-print-size;
}
// $Hyphenation
// -------------------------------------//
// @notes
// http://meyerweb.com/eric/thoughts/2012/12/17/where-to-avoid-css-hyphenation
input,
abbr,
acronym,
blockquote,
code,
kbd,
q,
samp,
var {
@include typl8-hyphens(none);
}
// $Codeblocks
// -------------------------------------//
pre {
@include typl8-white-space(pre);
code {
@extend %typl8-normal-wrap;
@include typl8-white-space(pre-wrap);
}
}
code {
@include typl8-white-space(pre);
font-family: monospace;
}
// $Smallcaps
// -------------------------------------//
abbr {
@include typl8-smallcaps($typl8-smcps-color, $typl8-smcps-weight);
&[title]:hover {
cursor: help;
}
}