Browse Source

adding tests for stacked icons inside anchors

davegandy 12 năm trước cách đây
mục cha
commit
254f30fb25
2 tập tin đã thay đổi với 70 bổ sung0 xóa
  1. 65 0
      src/_includes/tests/stacked-inside-anchor.html
  2. 5 0
      src/test.html

+ 65 - 0
src/_includes/tests/stacked-inside-anchor.html

@@ -0,0 +1,65 @@
+<p>
+  <a href="#">
+    <span class="icon-stack">
+      <i class="icon-sign-blank icon-stack-base"></i>
+      <i class="icon-twitter icon-light"></i>
+    </span>
+    Twitter Icon
+  </a>
+  <a href="#">
+    <span class="icon-stack">
+      <i class="icon-sign-blank icon-stack-base"></i>
+      <i class="icon-facebook icon-light"></i>
+    </span>
+    Facebook Icon
+  </a>
+  <a href="#">
+    <span class="icon-stack">
+      <i class="icon-sign-blank icon-stack-base"></i>
+      <i class="icon-github icon-light"></i>
+    </span>
+    GitHub Icon
+  </a>
+</p>
+<p>
+  <a href="#">
+    <span class="icon-stack">
+      <i class="icon-circle icon-stack-base"></i>
+      <i class="icon-twitter icon-light"></i>
+    </span>
+    Twitter Icon
+  </a>
+  <a href="#">
+    <span class="icon-stack">
+      <i class="icon-circle icon-stack-base"></i>
+      <i class="icon-facebook icon-light"></i>
+    </span>
+    Facebook Icon
+  </a>
+  <a href="#">
+    <span class="icon-stack">
+      <i class="icon-circle icon-stack-base"></i>
+      <i class="icon-github icon-light"></i>
+    </span>
+    GitHub Icon
+  </a>
+</p>
+<p>
+  <a href="#">
+    Twitter Icon
+  </a>
+  <a href="#">
+    <span class="icon-stack">
+      <i class="icon-circle-blank icon-stack-base"></i>
+      <i class="icon-facebook"></i>
+    </span>
+    Facebook Icon
+  </a>
+  <a href="#">
+    <span class="icon-stack">
+      <i class="icon-circle-blank icon-stack-base"></i>
+      <i class="icon-github"></i>
+    </span>
+    GitHub Icon
+  </a>
+</p>

+ 5 - 0
src/test.html

@@ -658,6 +658,11 @@ relative_path: ../
   <div class="well lead">
     {% include tests/stacked.html %}
   </div>
+  <h4>Stacked icons inside anchor</h4>
+  <div class="well">
+    {% include tests/stacked-inside-anchor.html %}
+  </div>
+
 
   <h3>Mirrored and rotated icons</h3>
   <div class="row">