From f200fbfbe8c977a2c8add8aee5dc1ca661555504 Mon Sep 17 00:00:00 2001
From: Scott Jehl <scottjehl@gmail.com>
Date: Tue, 15 Sep 2015 12:16:25 -0500
Subject: [PATCH] that time I pushed an unnecessary change as a full version.
 anyway this patches 2.0. will retag and keep version number, since the
 beforeenhance edit is notable enough anyway

---
 dist/xrayhtml.css | 14 +++++++++++---
 dist/xrayhtml.js  |  5 ++++-
 src/X-rayHTML.css | 14 +++++++++++---
 src/X-rayHTML.js  |  5 ++++-
 4 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/dist/xrayhtml.css b/dist/xrayhtml.css
index 40570c6..003756b 100644
--- a/dist/xrayhtml.css
+++ b/dist/xrayhtml.css
@@ -2,6 +2,10 @@
 * https://github.com/filamentgroup/x-rayhtml
 * Copyright (c) 2015 ; Licensed MIT */
 
+/*! X-rayHTML - v1.0.3 - 2015-09-08
+* https://github.com/filamentgroup/x-rayhtml
+* Copyright (c) 2015 ; Licensed MIT */
+
 .xrayhtml {
 	border: 1px solid rgba(0,0,0,.1);
 	border-radius: .3em;
@@ -77,8 +81,12 @@
 	-moz-perspective: 2500px;
 	perspective: 2500px;
 }
-.method-flip > *:first-child {
+.method-flip .snippet {
+	padding: 0;
+	margin: 0;
 	position: relative;
+	top: 0;
+	left: 0;
 	z-index: 2;
 	min-height: 100%;
 }
@@ -91,7 +99,7 @@
 	overflow-x: scroll;
 }
 
-.method-flip > *:first-child {
+.method-flip .snippet {
 	-webkit-transform: rotateY(0deg);
 	-webkit-transform-style: preserve-3d;
 	-webkit-backface-visibility: hidden;
@@ -103,7 +111,7 @@
 	-webkit-transition: -webkit-transform .4s ease-in-out;
 	-moz-transition: -moz-transform .4s ease-in-out;
 }
-.method-flip.view-source > *:first-child {
+.method-flip.view-source .snippet {
 	z-index: 1;
 	-webkit-transform: rotateY(180deg);
 	-moz-transform: rotateY(180deg);
diff --git a/dist/xrayhtml.js b/dist/xrayhtml.js
index 617fab7..531e281 100644
--- a/dist/xrayhtml.js
+++ b/dist/xrayhtml.js
@@ -70,12 +70,15 @@ window.jQuery = window.jQuery || window.shoestring;
 			var el = this,
 				preel = document.createElement( "pre" ),
 				codeel = document.createElement( "code" ),
+				wrap = document.createElement( "div" ),
 				sourcepanel = document.createElement( "div" ),
 				// remove empty value attributes
 				code = el.innerHTML.replace( /\=\"\"/g, '' ),
 				source = document.createTextNode( code );
 
-			$( el ).addClass( "snippet" );
+			wrap.setAttribute( "class", "snippet" );
+
+			$( el ).wrapInner( wrap );
 
 			codeel.appendChild( source );
 			preel.appendChild( codeel );
diff --git a/src/X-rayHTML.css b/src/X-rayHTML.css
index a850de1..0bcabb3 100644
--- a/src/X-rayHTML.css
+++ b/src/X-rayHTML.css
@@ -1,3 +1,7 @@
+/*! X-rayHTML - v1.0.3 - 2015-09-08
+* https://github.com/filamentgroup/x-rayhtml
+* Copyright (c) 2015 ; Licensed MIT */
+
 .xrayhtml {
 	border: 1px solid rgba(0,0,0,.1);
 	border-radius: .3em;
@@ -73,8 +77,12 @@
 	-moz-perspective: 2500px;
 	perspective: 2500px;
 }
-.method-flip > *:first-child {
+.method-flip .snippet {
+	padding: 0;
+	margin: 0;
 	position: relative;
+	top: 0;
+	left: 0;
 	z-index: 2;
 	min-height: 100%;
 }
@@ -87,7 +95,7 @@
 	overflow-x: scroll;
 }
 
-.method-flip > *:first-child {
+.method-flip .snippet {
 	-webkit-transform: rotateY(0deg);
 	-webkit-transform-style: preserve-3d;
 	-webkit-backface-visibility: hidden;
@@ -99,7 +107,7 @@
 	-webkit-transition: -webkit-transform .4s ease-in-out;
 	-moz-transition: -moz-transform .4s ease-in-out;
 }
-.method-flip.view-source > *:first-child {
+.method-flip.view-source .snippet {
 	z-index: 1;
 	-webkit-transform: rotateY(180deg);
 	-moz-transform: rotateY(180deg);
diff --git a/src/X-rayHTML.js b/src/X-rayHTML.js
index 8e7b822..0d72cc5 100644
--- a/src/X-rayHTML.js
+++ b/src/X-rayHTML.js
@@ -75,12 +75,15 @@ window.jQuery = window.jQuery || window.shoestring;
 			var el = this,
 				preel = document.createElement( "pre" ),
 				codeel = document.createElement( "code" ),
+				wrap = document.createElement( "div" ),
 				sourcepanel = document.createElement( "div" ),
 				// remove empty value attributes
 				code = el.innerHTML.replace( /\=\"\"/g, '' ),
 				source = document.createTextNode( code );
 
-			$( el ).addClass( "snippet" );
+			wrap.setAttribute( "class", "snippet" );
+
+			$( el ).wrapInner( wrap );
 
 			codeel.appendChild( source );
 			preel.appendChild( codeel );