/* ------------------------------ Typebase ------------------------------ */ /* Setup */ html { font-weight: $regular; font-family: $base-font; font-size: $base-font-size; -webkit-font-smoothing: antialiased; } /* Copy & Lists */ p { line-height: 1.35; margin-top: 1.5rem; font-size: 1.125rem; margin-bottom: 0; } ul, ol { margin-top: 1.5rem; margin-bottom: 1.5rem; } ul li, ol li { line-height: 30px; } ul ul, ol ul, ul ol, ol ol { margin-top: 0; margin-bottom: 0; } blockquote { line-height: 1.35; margin-top: 1.5rem; margin-bottom: 1.5rem; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-family: $base-font; font-weight: $regular; margin-top: 1.5rem; margin-bottom: 0; line-height: 1.35; } h1, .h1 { @include font-size(72px); margin-top: 3rem; } h2, .h2 { @include font-size(52px); font-size: 2.625rem; margin-top: 3rem; } h3, .h3 { @include font-size(38px); font-size: 2.000rem; } h4, .h4 { font-size: 1.500rem; } h5 { font-size: 0.4713333333333333rem; } h6 { font-size: 0.3535rem; } /* Tables */ table { margin-top: 1.5rem; border-spacing: 0; border-collapse: collapse; } table td, table th { padding: 0; line-height: 1.35; } /* Code blocks */ code { vertical-align: bottom; } /* Leading paragraph text */ .lead { font-size: 1.414rem; } /* Hug the block above you */ .hug { margin-top: 0; } a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }