diff --git a/patterns/_fonts/icomoon.eot b/patterns/_fonts/icomoon.eot
new file mode 100644
index 0000000..494dc7f
Binary files /dev/null and b/patterns/_fonts/icomoon.eot differ
diff --git a/patterns/_fonts/icomoon.svg b/patterns/_fonts/icomoon.svg
new file mode 100644
index 0000000..2eec98c
--- /dev/null
+++ b/patterns/_fonts/icomoon.svg
@@ -0,0 +1,20 @@
+
+
+
\ No newline at end of file
diff --git a/patterns/_fonts/icomoon.ttf b/patterns/_fonts/icomoon.ttf
new file mode 100644
index 0000000..82443cf
Binary files /dev/null and b/patterns/_fonts/icomoon.ttf differ
diff --git a/patterns/_fonts/icomoon.woff b/patterns/_fonts/icomoon.woff
new file mode 100644
index 0000000..cde722e
Binary files /dev/null and b/patterns/_fonts/icomoon.woff differ
diff --git a/patterns/_stylesheets/all.css b/patterns/_stylesheets/all.css
index b89d315..f9e3c3c 100644
--- a/patterns/_stylesheets/all.css
+++ b/patterns/_stylesheets/all.css
@@ -8,6 +8,7 @@
@import 'layouts/layout.css';
@import 'components/utils.css';
+@import 'components/icons.css';
@import 'components/typography.css';
@import 'components/form-items.css';
@import 'components/lists.css';
diff --git a/patterns/_stylesheets/components/icons.css b/patterns/_stylesheets/components/icons.css
new file mode 100644
index 0000000..189da98
--- /dev/null
+++ b/patterns/_stylesheets/components/icons.css
@@ -0,0 +1,31 @@
+/**
+ * Custom icons as an icon font.
+ * Created with http://icomoon.io/app/
+ */
+
+@font-face {
+ font-family: 'icomoon';
+ src:url('../../_fonts/icomoon.eot');
+ src:url('../../_fonts/icomoon.eot?#iefix') format('embedded-opentype'),
+ url('../../_fonts/icomoon.woff') format('woff'),
+ url('../../_fonts/icomoon.ttf') format('truetype'),
+ url('../../_fonts/icomoon.svg#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+.icon {
+ font-family: 'icomoon';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ -webkit-font-smoothing: antialiased;
+}
+.icon--next:before {
+ content: "\2398";
+}
+.icon--previous:before {
+ content: "\2397";
+}
diff --git a/patterns/_stylesheets/components/pagination.css b/patterns/_stylesheets/components/pagination.css
index 520d6e8..d27211d 100644
--- a/patterns/_stylesheets/components/pagination.css
+++ b/patterns/_stylesheets/components/pagination.css
@@ -9,10 +9,13 @@
display: block;
line-height: 22px;
padding: 0 5px;
- text-decoration: none;
+ text-decoration: none !important;
transition: all 0.2s;
+ font-weight: 600;
+ -webkit-font-smoothing: antialiased;
}
+.pager__link:focus,
.pager__link:hover {
border-bottom-color: #3395d2;
color: #3395d2;
@@ -24,8 +27,3 @@
color: #2a678c;
font-weight: 700;
}
-
-.pager__link--prev,
-.pager__link--next {
- font-weight: 700;
-}
diff --git a/patterns/pagination/index.html b/patterns/pagination/index.html
index 8935cb4..81a6620 100644
--- a/patterns/pagination/index.html
+++ b/patterns/pagination/index.html
@@ -2,7 +2,7 @@
- Buttons
+ Pagination
@@ -10,7 +10,11 @@