X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_breadcrumbs.scss;fp=assets%2Fsass%2Fcomponents%2F_breadcrumbs.scss;h=a71e9d62b7d5648d9acdf767b3ddc90856af2d52;hb=c2ea6701260eeb131887220ed5fe04831f22dd4e;hp=0000000000000000000000000000000000000000;hpb=02fcbbf7987ad95b51abfed56df48a8ea8f0b166;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_breadcrumbs.scss b/assets/sass/components/_breadcrumbs.scss
new file mode 100644
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;
+					}
+				}
+			}
+		}
+	}