Merge remote-tracking branch 'origin' into docs-cleanup

Author: mlijanto

src/doc/partials/pagination-base.hbs

@@ -1,5 +1,5 @@
 <nav>
-    <ul class="pagination">
+    <ul class="pagination [theme-alt]">
         <!-- Add a disabled class to a li element to hide it -->
         <li class="pagination-prev">
             <a href="#" aria-label="Previous">

src/doc/partials/pagination-pager.hbs

@@ -0,0 +1,14 @@
+<nav>
+    <ul class="pager [theme-alt]">
+        <li class="pager-prev">
+            <a href="#" aria-label="Previous">
+                <i aria-hidden="true" class="icon-grouparrowleft"></i>
+            </a>
+        </li>
+        <li class="pager-next">
+            <a href="#" aria-label="Next">
+                <i aria-hidden="true" class="icon-grouparrowright"></i>
+            </a>
+        </li>
+    </ul>
+</nav>

src/doc/partials/pagination.hbs

@@ -55,4 +55,37 @@
             </div>
         </div>
     </div>
+    <div class="row">
+        <div class="col-xs-24">
+            <h2>Pager</h2>
+            {{> pagination-pager }}
+
+            {{#markdown}}
+```xml
+{{> pagination-pager }}
+```
+            {{/markdown}}
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-xs-24">
+            <h4>Alt</h4>
+            <div class="color-black">
+                <nav>
+                    <ul class="pager theme-alt">
+                        <li class="pager-prev">
+                            <a href="#" aria-label="Previous">
+                                <i aria-hidden="true" class="icon-grouparrowleft"></i>
+                            </a>
+                        </li>
+                        <li class="pager-next">
+                            <a href="#" aria-label="Next">
+                                <i aria-hidden="true" class="icon-grouparrowright"></i>
+                            </a>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+        </div>
+    </div>
 </section>

src/scss/win/_pager.scss

@@ -0,0 +1,22 @@
+.pager {
+    @extend .pagination;
+    .pager-prev {
+        @extend .pagination-prev;
+        > a, > span {
+            &:after {
+                content: attr(aria-label);
+            }
+        }
+    }
+    .pager-next {
+        @extend .pagination-next;
+        > a, > span {
+            &:before {
+                content: attr(aria-label);
+            }
+        }
+    }
+    li:first-child a {
+        margin-left: spacer(n, -10);
+    }
+}

src/scss/winstrap.scss

@@ -56,6 +56,7 @@
 @import "win/progress-bar";
 @import "win/panels";
 @import "win/alerts";
+@import "win/pager";
 @import "win/pagination";
 
 // Layout