Merge pull request #171 from flawimc/no-shadow

Add hint--no-shadow class for no shadow. Fixes #162
chinchang · Apr 24, 2019 · 36e6bddc680d72d2d52c0258c9819e2823f25307 · 36e6bdd
2 parents 484b7fe + 555b777
commit 36e6bddc680d72d2d52c0258c9819e2823f25307
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/demo.html b/demo.html
@@ -340,6 +340,9 @@ <h3>Effects</h3>
 						<p>
 							<a class="hint--right  hint--bounce" aria-label="Bounce">Adding a <code>hint--bounce</code> class gives you that...</a>
 						</p>
+						<p>
+							<a class="hint--left  hint--no-shadow" aria-label="Yes, no shadows!">Maybe you do not want shadows.</a>
+						</p>
 					</div>
 				</div>
 

diff --git a/src/hint-effects.scss b/src/hint-effects.scss
@@ -24,3 +24,11 @@
 		transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(.71,1.7,.77,1.24);
 	}
 }
+
+// Remove shadows from tooltips.
+.#{$hintPrefix}no-shadow {
+	&:before, &:after {
+		text-shadow: initial;
+		box-shadow: initial;
+	}
+}