diff --git a/app/scss/custom.scss b/app/scss/custom.scss
index 8215625e..1b2d1a38 100644
--- a/app/scss/custom.scss
+++ b/app/scss/custom.scss
@@ -198,6 +198,59 @@ pre {
}
}
+@mixin line_clamp($lines: 0) {
+ overflow: hidden;
+ text-overflow: ellipsis;
+
+ @if $lines == 0 {
+ white-space: nowrap;
+ } @else {
+ // Fallbacks for browsers not supporting line-clamp.
+ max-height: $lines * 1.4em;
+ display: block;
+
+ // Line-clamp settings.
+ line-clamp: $lines;
+ display: -webkit-box;
+ -webkit-line-clamp: $lines;
+ -webkit-box-orient: vertical;
+ }
+}
+
+.client-preview {
+ background: #50525e;
+ padding: 17px 24px 17px 24px;
+ gap: 25px;
+ font-size: 15px;
+
+ .mt-thumb {
+ width: 96px;
+ height: 64px;
+ }
+
+ p {
+ color: #fefefe;
+ margin: 0;
+ }
+
+ .desc p:nth-child(2) {
+ @include line_clamp(2);
+ line-height: 1.4;
+ }
+
+ .title {
+ color: #72fe63;
+ }
+
+ .desc {
+ margin-top: -4px;
+ }
+}
+
+.flex-grow {
+ flex-grow: 1;
+}
+
@media (min-width: 768px) {
#featuredCarousel h3 {
font-size: calc(1.325rem + .9vw) !important;
diff --git a/app/templates/base.html b/app/templates/base.html
index 9055dd67..d1b13a1d 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -16,7 +16,7 @@
{%- endif %}
-
+
{% if noindex -%}