final styling changes and delete old docs

wheresrhys · Sep 22, 2018 · 83e858c · 83e858c
1 parent 386fd08
commit 83e858c
Show file tree

Hide file tree

Showing 39 changed files with 286 additions and 1,736 deletions.
diff --git a/docs/_about/previous-versions.md b/docs/_about/previous-versions.md
@@ -0,0 +1,9 @@
+---
+title: Previous versions
+position: 3
+content_markdown: |-
+  - [v7 upgrade guide](https://github.com/wheresrhys/fetch-mock/blob/master/docs/v6-v7-upgrade-guide.md)
+  - [v6 docs](https://github.com/wheresrhys/fetch-mock/tree/4231044aa94e234b53e296181ca5b6b4cecb6e3f/docs)
+  - [v5 docs](https://github.com/wheresrhys/fetch-mock/tree/b8270640d5711feffb01d1bf85bb7da95179c4de/docs)
+
+---
diff --git a/docs/_includes/sidebar.html b/docs/_includes/sidebar.html
@@ -3,7 +3,7 @@
 	{% for collection in sorted_collections %}
 		{% if collection.label != "posts" %}
 			<section>
-				<h6>{{ collection.title }}</h6>
+				<h1>{{ collection.title }}</h1>
 				<ul>
 					{% assign sorted_docs = collection.docs | sort: "position" %}
 					{% for doc in sorted_docs %}

diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -23,19 +23,13 @@
 	</head>
 	<body>
 		<div class="navigation">
-		<header>
-			<h1>
-				<button type="button" class="open-nav" id="open-nav"></button>
-				<a href="{{ site.baseurl }}/"><span>fetch</span><span>-</span><span>mock</span></a>
-			</h1>
-		</header>
+			<header>
+				<h1 class="site-title">
+					<button type="button" class="open-nav" id="open-nav"></button>
+					<a href="{{ site.baseurl }}/"><span>fetch</span><span>-</span><span>mock</span></a>
+				</h1>
+			</header>
 			{% include sidebar.html %}
-
-			<p class="copyright">
-				<a href="https://cloudcannon.com/">
-					Template by CloudCannon
-				</a>
-			</p>
 		</div>
 		<main>
 			{{ content }}

diff --git a/docs/_sass/_docs.scss b/docs/_sass/_docs.scss
@@ -4,6 +4,10 @@
 			max-width: 55rem
 		}
 	}
+
+	ul {
+		margin-top: 0;
+	}
 	h1, h2, h3, h4, h5, h6 {
 		margin-top: 0;
 		font-weight: 300;
@@ -12,7 +16,9 @@
 	h1 { font-size: 4.0rem; line-height: 1.2;	letter-spacing: -.1rem;}
 	h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
 	h3 { font-size: 3.0rem; line-height: 1.3;	letter-spacing: -.1rem; }
-
+	h2 {
+		margin-bottom: 0;
+	}
 	h4 {
 		font-size: 2.4rem;
 		line-height: 1.35;
@@ -57,4 +63,121 @@
 		border-radius: 3px;
 		padding: 10px;
 	}
+
+	dt code,
+	dt sup {
+		color: #aa5500;
+	}
+
+}
+
+
+
+.types-zone {
+	// font-family: monospace;
+	font-size: 0.9em;
+}
+
+dl.options .types-zone {
+	// font-family: monospace;
+	font-size: 1em;
+}
+.default,
+dt code  {
+	font-family: monospace;
+}
+
+.types-zone code {
+	font-family: monospace;
+	font-weight: bold;
+	background: none;
+	color: #aa5500;
+}
+
+.default {
+	color: #888;
+}
+
+
+
+p > code,
+dt > code.name,
+dd > code,
+li > code {
+	font-size: 1.2em;
+	font-family: monospace;
+	font-weight: bold;
+	background: none;
+	color: #aa5500;
+}
+
+
+.error, .warning, .info, .success	{
+	border-left: 5px solid #FD0;
+	padding: 1rem 2rem;
+	background-color: #FAFAFA;
+	border-radius: 2px;
+}
+
+.warning {
+  border-color: #ffc107;
+}
+
+.info {
+	border-color: #56ADEC;
+}
+
+.error {
+	border-color: #F20;
+}
+
+.success {
+	border-color: #6c0;
+}
+
+
+.code-viewer {
+	.languages {
+		padding: 0;
+		margin: 0 0 5px 0;
+		list-style: none;
+		font-size: .9em;
+
+		li {
+			display: inline-block;
+
+			a {
+				display: block;
+				padding: 5px 10px;
+				z-index: 100;
+				border: 1px solid transparent;
+
+				&:hover {
+					border-color: #eee;
+					border-radius: 5px;
+				}
+
+				&.active:hover {
+					border-color: transparent;
+				}
+			}
+		}
+	}
+
+	a {
+		text-decoration: none;
+		color: #aaa;
+
+		&:hover {
+			color: #222;
+		}
+	}
+
+	pre {
+		margin: 0 0 2rem 0;
+	}
+}
+
+.code-viewer a.active, .code-viewer a.active:hover, .right-code .code-viewer a.active:hover {
+	color: #1EAEDB;
 }
diff --git a/docs/_sass/_layout.scss b/docs/_sass/_layout.scss
@@ -29,7 +29,13 @@ body, main {
 main {
   grid-area: main;
   height: 100vh;
-  overflow-y: scroll
+  overflow-y: scroll;
+  margin-top: 6rem;
+}
+
+:target {
+  margin-top: -8rem;
+  padding-top: 8rem
 }
 
 .docs {
@@ -58,22 +64,29 @@ section {
    	grid-template-columns: 25rem 1fr;
   	grid-template-areas: "navigation main";
 	}
-
-	.docs {
-	  grid-template-columns: minmax(0, 8rem) 70rem minmax(8rem, 1fr);
+	main {
+		margin-top: 0;
 	}
-	section {
-		display: grid;
-		grid-template-columns: 55rem 15rem;
+	:target {
+	  margin-top: -2rem;
+  	padding-top: 2rem;
 	}
-
-	section > * {
-		grid-column: 1 / 2
+	.docs {
+	  grid-template-columns: minmax(0, 8rem) 70rem minmax(8rem, 1fr);
+	  section {
+			display: grid;
+			grid-template-columns: 55rem 15rem;
+		}
+
+		section > * {
+			grid-column: 1 / 2
+		}
+
+		section > dl {
+			grid-column: 1 / 3
+		}
 	}
 
-	section > dl {
-		grid-column: 1 / 3
-	}
 }
 
 @media only screen and (min-width:75rem) {
@@ -91,13 +104,13 @@ section {
 }
 
 .docs:not(:nth-child(2)),
-section:not(:first-of-type) {
+.docs section:not(:first-of-type) {
 	background: #fff;
 	padding-bottom: 0;
 	border-top:1px solid #eee;
 }
 
-section:first-of-type {
+.docs section:first-of-type {
 	padding-top: 0;
 }