Update tooltip, mark complete

src/pg/_config.pug

@@ -32,7 +32,7 @@
 				},
 				{
 					name: "tooltip",
-					status: "in-progress",
+					status: "complete",
 					core: true,
 				},
 			]

src/pg/index.pug

@@ -16,7 +16,10 @@ block header
 				li(class= navClass)
 					a(href="./?p=" + first.name.toPath() )= first.name.toContent().toSentenceCase()
 
-	p.deprecated-switch
+	p.info-switches
 		span
 		span#deprecated(role="switch")
-		label(for="deprecated") Show deprecated patterns
+		label(for="deprecated") Show deprecated patterns
+		span
+		span#breakpoints(role="switch")
+		label(for="breakpoints") Show breakpoint information

src/pg/patterns/core/tooltip/_tooltip.pp

@@ -1,5 +1,2 @@
 a(href="#") Link with a tool tip
-	div(role="tooltip" inert tip-position="bottom") Tool tip content
-
-a(href="#") Link with a tool tip
-	tool-tip(role="tooltip" inert tip-position="bottom") Tool tip content
+	span(role="tooltip" inert tip-position="right") Tool tip content

src/pg/patterns/core/tooltip/_tooltip.pug

@@ -1,5 +1,2 @@
 a(href="#") Link with a tool tip
-	div(role="tooltip" inert tip-position="bottom") Tool tip content
-
-a(href="#") Link with a tool tip
-	tool-tip(role="tooltip" inert tip-position="bottom") Tool tip content
+	span(role="tooltip" inert tip-position="right") Tool tip content

src/pg/patterns/core/tooltip/index.pug

@@ -5,12 +5,17 @@ extends ../../../core/_master-pattern
 block content
 
 	+h(0)
-	
+	p Tooltips provide brief information messaging through a mouse or keyboard hover. 
 	+h(1)
+	p Use tool tips to provide additional information. Don't use tooltips for that is required to complete an interaction as the information disappears when it loses the hover state. 
 	
+	p Use tooltips to help differentiate between multiple, close, similar options. 
+
 	+h(2)
 
-	p Either form works. Place this inside another element for the tooltip to be "linked to that element."
+	p.notification-box.info Currently, there is no easy way to activate a hover without with pure CSS without using a keyboard or mouse. Level4 media queries aim to solve that.
+
+	p Either form works. Place this inside another element for the tooltip to be 'linked to that element.' A container element may need to be added for a single tag element, such as a input field. 
 
 	p Tool tip positions are: 
 	ul 
@@ -19,6 +24,9 @@ block content
 		li bottom / block-end
 		li left / inline-start
 
+	p
+		include _tooltip.pug
+
 
 	div#tooltip.tab-group
 		pre.language-html(data-tab="html")