From 80f6962cfc7061bc5f69e653f89f914a62ce7f5e Mon Sep 17 00:00:00 2001 From: Ian Rose Date: Sun, 6 Apr 2014 12:44:34 -0400 Subject: [PATCH] generated test css --- test/test.css | 167 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 167 insertions(+) create mode 100644 test/test.css diff --git a/test/test.css b/test/test.css new file mode 100644 index 0000000..cc4cd7e --- /dev/null +++ b/test/test.css @@ -0,0 +1,167 @@ +/** +* ============================================================================== +* Typesettings +* ============================================================================== +* A Sass toolkit that sets type in Ems based on modular scale, vertical rhythm, +* and responsive ratio based headlines. Oh, and pixel borders that maintain +* rhythm. +* +* Release Versions: https://github.com/ianrose/typesettings/releases +* Github: https://github.com/ianrose/typesettings +* License: The MIT License (MIT) +* +* Inspired by and used stuff from: +* https://github.com/typeplate/typeplate.github.io +* https://github.com/csswizardry/typecsset +*/ +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; + padding: 0; + font-family: Georgia, 'Times New Roman', serif; + font-weight: 400; + line-height: 1.5; + color: #000; } + +h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { + margin-top: 0; + padding-top: 0; + padding-bottom: 0; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: bold; + text-transform: uppercase; } + +h1, .h1 { + margin-bottom: 0.75023em; + font-size: 1.9994em; + line-height: 1.12534; } + @media (min-width: 43.75em) { + h1, .h1 { + margin-bottom: 0.53057em; + font-size: 2.82715em; + line-height: 1.06114; } } + @media (min-width: 56.25em) { + h1, .h1 { + margin-bottom: 0.37523em; + font-size: 3.99758em; + line-height: 0.93807; } } + +h2, .h2 { + margin-bottom: 1.06082em; + font-size: 1.414em; + line-height: 1.32603; } + @media (min-width: 43.75em) { + h2, .h2 { + margin-bottom: 0.75023em; + font-size: 1.9994em; + line-height: 1.12534; } } + @media (min-width: 56.25em) { + h2, .h2 { + margin-bottom: 0.53057em; + font-size: 2.82715em; + line-height: 1.06114; } } + +h3, .h3 { + margin-bottom: 1.06082em; + font-size: 1.414em; + line-height: 1.32603; } + @media (min-width: 56.25em) { + h3, .h3 { + margin-bottom: 0.75023em; + font-size: 1.9994em; + line-height: 1.12534; } } + +h4, .h4 { + margin-bottom: 1.06082em; + font-size: 1.414em; + line-height: 1.32603; } + +h5, .h5, h6, .h6 { + margin-bottom: 1.5em; + font-size: 1em; + line-height: 1.5; } + +p { + margin-top: 0; + margin-bottom: 1.5em; + padding-top: 0; + padding-bottom: 0; + max-width: 36em; + -webkit-hyphens: auto; + -moz-hyphens: auto; + -ms-hyphens: auto; + -o-hyphens: auto; + hyphens: auto; + word-wrap: break-word; } + @media (min-width: 43.75em) { + p { + text-align: justify; } } + +p + p { + margin-top: -1.5em; + text-indent: 1.5em; } + +small, .font-small { + font-size: 0.70721em; + line-height: 1.59075; } + +em { + font-style: italic; } + +strong { + font-weight: bold; } + +blockquote { + margin-top: 1.5em; + margin-bottom: 1.5em; + margin-left: -1.875em; + padding-top: 0; + padding-bottom: 0; + padding-left: 1.5em; + border-left: 6px solid #808080; + font-family: 'Lucida Console', Monaco, monospace; + font-weight: bold; } + blockquote footer cite:before { + content: " – "; } + +pre, code { + font-family: 'Lucida Console', Monaco, monospace; } + +time, .time { + text-transform: uppercase; } + +ol, ul, dl { + margin-top: 0; + margin-bottom: 1.5em; + margin-left: 1.5em; + padding-top: 0; + padding-bottom: 0; } + +ul ul, ol ol, dl dl { + margin-left: 0; } + +ul { + list-style: disc; } + +ol { + list-style: decimal; } + +abbr { + font-variant: small-caps; + font-weight: 600; + text-transform: lowercase; } + +abbr[title]:hover { + cursor: help; } + +hr { + margin-top: 1.5em; + margin-bottom: 0; + border: none; + border-top-color: #000; + border-top-style: solid; + border-top-width: 1px; + padding-top: 1.4375em; }