}
}
-// Images
img {
display: block;
max-width: 100%;
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;
}
// 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;
+// }
//
// Headings, body text, lists, and other misc typographic elements.
-// Headings
h1, h2, h3, h4, h5, h6 {
margin-bottom: .5rem;
font-weight: bold;
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;
color: #303030;
}
-// Lists
ul, ol, dl {
margin-top: 0;
margin-bottom: 1rem;
dt {
font-weight: bold;
}
+
dd {
margin-bottom: .5rem;
}
-// Misc
hr {
position: relative;
margin: 1.5rem 0;
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
//