Back Alive!

docs/_sass/_typography.scss

@@ -0,0 +1,141 @@
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/* 
+   Body
+   ========================================================================== */
+
+body {
+	font-family: $base-font;
+	color: $text-color;
+}
+
+/* 
+   Headings
+   ========================================================================== */
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: $heading-font;
+}
+
+h1 {
+	@include font-rem(28);
+
+	@media #{$medium} {
+		@include font-rem(32);
+	}
+}
+
+/* 
+   Links
+   ========================================================================== */
+
+a { 
+	text-decoration: none;
+	color: $link-color; 
+
+	&:visited { 
+		color: lighten($link-color, 20); 
+	}
+
+	&:hover { 
+		color: darken($link-color, 20); 
+	}
+
+	&:focus { 
+		outline: thin dotted; 
+		color: darken($link-color, 20);
+	}
+
+	&:hover, 
+	&:active { 
+		outline: 0; 
+	}
+}
+
+.link-arrow {
+	font-weight: 100;
+	text-decoration: underline;
+	font-style: normal;
+}
+
+/* 
+   Captions
+   ========================================================================== */
+
+figcaption {
+	padding-top: 10px;
+	@include font(14);
+	line-height: 1.3;
+	color: lighten($text-color, 10);
+}
+
+/* 
+   Notices
+   ========================================================================== */
+
+.notice {
+	margin-top: 1.5em;
+	padding: .5em 1em;
+	text-indent: 0;
+	@include font-rem(14);
+	background-color: $body-color;
+	border: 1px solid darken($body-color,20);
+	border-radius: 3px;
+}
+
+/* 
+   Blockquotes
+   ========================================================================== */
+
+blockquote {
+	font-family: $alt-font;
+	font-style: italic;
+	border-left: 8px solid $border-color;
+	padding-left: 20px;
+
+	@media #{$medium} {
+		margin-left: -28px;
+	}
+}
+
+/* 
+   Code
+   ========================================================================== */
+
+tt, code, kbd, samp, pre {
+	font-family: $code-font;
+}
+
+p > code,
+a > code,
+li > code,
+figcaption > code,
+td > code {
+  margin: 0 2px;
+	padding: 0 5px;
+  @include font-rem(12);
+	line-height: 1.5;
+  border: 1px solid lighten(#000, 90);
+	background-color: lighten(#000, 95);
+	border-radius: 3px;
+}
+
+pre {
+
+	@include font-rem(12);
+	line-height: 1.5;
+	overflow-x: auto;
+
+	&::-webkit-scrollbar {
+		height: 12px;
+		background-color: #34362e;
+		border-radius: 0 0 4px 4px;
+	}
+
+	&::-webkit-scrollbar-thumb:horizontal {
+		background-color: #6a6d5d;
+		border-radius: 4px;
+	}
+}