various fixes, added pagination and articles prev/next links.

[theme-danix.xyz.git] / assets / sass / components / _breadcrumbs.scss

diff --git a/assets/sass/components/_breadcrumbs.scss b/assets/sass/components/_breadcrumbs.scss
new file mode 100644 (file)
index 0000000..a71e9d6
--- /dev/null
+++ b/assets/sass/components/_breadcrumbs.scss
@@ -0,0 +1,41 @@
+/// Inspired by:
+/// Forty by HTML5 UP
+/// html5up.net | @ajlkn
+/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+///
+
+/* Breadcrumbs */
+       div#breadcrumbs {
+               font-size: 1rem;
+               ol.crumbs {
+                       cursor: default;
+                       list-style: none;
+                       padding-left: 0;
+
+                       li {
+                               display: inline-block;
+                               padding-left: 0;
+                               vertical-align: middle;
+
+                               &:first-child {
+                                       padding-right: 0.75em;
+                               }
+
+                               &:last-child {
+                                       padding-left: 0.75em;
+                               }
+                       }
+
+                       @include breakpoint('<=xsmall') {
+                               li {
+                                       &:nth-child(n+2):nth-last-child(n+2) {
+                                               display: none;
+                                       }
+
+                                       &:first-child {
+                                               padding-right: 0;
+                                       }
+                               }
+                       }
+               }
+       }