Update

Hides the Bubble on the Message Box opening.
cara-tm · Sep 10, 2017 · bce7468 · bce7468
1 parent 1f67217
commit bce7468
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/css/message-box.css b/css/message-box.css
@@ -41,6 +41,11 @@
 			animation: fade-in-pulse-08 .3s forwards cubic-bezier(.8,.02,.45,.91)
 }
 
+/**
+ * Hide the bubble on message box open
+ */
+.modal-dialog:target ~ .wrapper .bubble{display:none}
+
 /* 
  * Use of zero as prefix with decimal 
  * values for older webkit browsers.

diff --git a/message-box.html b/message-box.html
@@ -192,14 +192,7 @@ <h1>Hi</h1>
 			<h2>Modal Box</h2>
 
 			<p>This is a sample modal box that can be created using the powers of CSS3.</p>
-			<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
 
-			<p>This is a sample modal box that can be created using the powers of CSS3.</p>
-			<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
-
-			<p>This is a sample modal box that can be created using the powers of CSS3.</p>
-			<p>You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.</p>
-
 
 		</div> <!-- /inner-dialog -->