feat: Add a breadcrumb

2025-08-19 09:54:49 +02:00
parent 90340d03aa
commit 686ece4479
55 changed files with 24172 additions and 2 deletions
--- a/assets/css/scss/elements/_testimonial.scss
+++ b/assets/css/scss/elements/_testimonial.scss
@@ -0,0 +1,125 @@
+//
+// Testimonial Styles //
+//
+.testimonial-box {
+	max-width: 730px;
+	margin: 0 auto;
+	text-align: center;
+	img {
+		width: 80px;
+		height: 80px;
+		border-radius: 50%;
+		margin-right: auto;
+		margin-left: auto;
+	}
+}
+//
+// Testimonial Grid //
+//
+.testimonial-grid {
+	overflow: hidden;
+	
+	&.column-2 {
+		@include breakpoint-above(lg) {
+			.testimonial-grid-box {
+				width: 50%;
+			}
+		}
+	}
+	&.column-1 {
+		.testimonial-grid-box {
+			width: 100%;
+			padding: 30px 0;
+		}
+	}
+
+	.testimonial-grid-box {
+		position: relative;
+		float: left;
+		width: 33.3%;
+		padding: 30px;
+		&:before, &:after {
+			content: '';
+			position: absolute;
+		}
+		&:before {
+			top: 0;
+			left: -1px;
+			height: 100%;
+			border-left: 1px dashed get-color("dark", 0.1);
+		}
+		&:after {
+			left: 0;
+			bottom: -1px;
+			width: 100%;
+			border-bottom: 1px dashed get-color("dark", 0.1);
+		}
+		.testimonial-img {
+			float: left;
+			margin-right: 20px;
+			img {
+				width: 80px;
+				height: 80px;
+				border-radius: 50%;
+			}
+		}
+		.testimonial-content {
+			overflow: hidden;
+		}
+	}
+	@include breakpoint-less(md) {
+		.testimonial-grid-box {
+			width: 50%;
+		}
+	}
+	@include breakpoint-less(sm) {
+		.testimonial-grid-box {
+			width: 100%;
+			padding: 30px 0;
+		}
+	}
+	//
+	// Border Style - Solid //
+	//
+	&.border-style-solid {
+		border: 0;
+		.testimonial-grid-box {
+			&:before { border-left-style: solid; }
+			&:after { border-bottom-style: solid; }
+		}
+	}
+	//
+	// Border Style - Dotted //
+	//
+	&.border-style-dotted {
+		border: 0;
+		.testimonial-grid-box {
+			&:before { border-left-style: dotted; }
+			&:after { border-bottom-style: dotted; }
+		}
+	}
+	//
+	// Borderless //
+	//
+	&.border-0 {
+		margin: -15px;
+		.testimonial-grid-box {
+			padding: 15px;
+			&:before, &:after { border: 0; }
+		}
+	}
+	@include breakpoint-less(sm) {
+		&.border-0 {
+			margin: -15px 0;
+			.testimonial-grid-box { padding: 15px 0; }
+		}
+	}
+}
+.bg-black, 
+[class*='bg-dark'], 
+[class*='bg-gradient-'], 
+[class*='bg-color-'] {
+	.testimonial-grid-box {
+		&:before, &:after { border-color: get-color("white", 0.2); }
+	}
+}