From: Mark Otto Date: Sun, 19 Apr 2015 06:17:03 +0000 (-0700) Subject: clean up X-Git-Url: http://git.bitcoin.ninja/index.cgi?p=blog;a=commitdiff_plain;h=937ef308b45eb95a9dfb27c988f17270652f9fc8 clean up --- diff --git a/_sass/_base.scss b/_sass/_base.scss index df8b5d0..d91b6bd 100644 --- a/_sass/_base.scss +++ b/_sass/_base.scss @@ -47,7 +47,6 @@ a { } } -// Images img { display: block; max-width: 100%; @@ -55,18 +54,19 @@ img { border-radius: 5px; } -// Tables table { margin-bottom: 1rem; width: 100%; border: 1px solid #e5e5e5; border-collapse: collapse; } + td, th { padding: .25rem .5rem; border: 1px solid #e5e5e5; } + tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background-color: #f9f9f9; diff --git a/_sass/_code.scss b/_sass/_code.scss index 328ea75..b4f5734 100644 --- a/_sass/_code.scss +++ b/_sass/_code.scss @@ -44,23 +44,23 @@ pre code { } // Gist via GitHub Pages -.gist .gist-file { - font-family: Menlo, Monaco, "Courier New", monospace !important; -} -.gist .markdown-body { - padding: 15px; -} -.gist pre { - padding: 0; - background-color: transparent; -} -.gist .gist-file .gist-data { - font-size: .8rem !important; - line-height: 1.4; -} -.gist code { - padding: 0; - color: inherit; - background-color: transparent; - border-radius: 0; -} +// .gist .gist-file { +// font-family: Menlo, Monaco, "Courier New", monospace !important; +// } +// .gist .markdown-body { +// padding: 15px; +// } +// .gist pre { +// padding: 0; +// background-color: transparent; +// } +// .gist .gist-file .gist-data { +// font-size: .8rem !important; +// line-height: 1.4; +// } +// .gist code { +// padding: 0; +// color: inherit; +// background-color: transparent; +// border-radius: 0; +// } diff --git a/_sass/_type.scss b/_sass/_type.scss index 90699f0..064846d 100644 --- a/_sass/_type.scss +++ b/_sass/_type.scss @@ -2,7 +2,6 @@ // // Headings, body text, lists, and other misc typographic elements. -// Headings h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: bold; @@ -10,23 +9,26 @@ h1, h2, h3, h4, h5, h6 { color: #313131; text-rendering: optimizeLegibility; } + h1 { font-size: 2rem; } + h2 { margin-top: 1rem; font-size: 1.5rem; } + h3 { margin-top: 1.5rem; font-size: 1.25rem; } + h4, h5, h6 { margin-top: 1rem; font-size: 1rem; } -// Body text p { margin-top: 0; margin-bottom: 1rem; @@ -36,7 +38,6 @@ strong { color: #303030; } -// Lists ul, ol, dl { margin-top: 0; margin-bottom: 1rem; @@ -45,11 +46,11 @@ ul, ol, dl { dt { font-weight: bold; } + dd { margin-bottom: .5rem; } -// Misc hr { position: relative; margin: 1.5rem 0; @@ -63,29 +64,29 @@ abbr { font-weight: bold; color: #555; text-transform: uppercase; -} -abbr[title] { - cursor: help; - border-bottom: 1px dotted #e5e5e5; + + &[title] { + cursor: help; + border-bottom: 1px dotted #e5e5e5; + } } -/* Quotes */ blockquote { padding: .5rem 1rem; margin: .8rem 0; color: #7a7a7a; border-left: .25rem solid #e5e5e5; + p:last-child { + margin-bottom: 0; + } + @media (min-width: 30em) { padding-right: 5rem; padding-left: 1.25rem; } } -blockquote p:last-child { - margin-bottom: 0; -} - // Custom type //