Feature latest news slider

A new design tab for the latest news plugin which will display the description instead of an image.

Resources/Public/Sass/_layout-content.scss

+$sg-news-headline-underline-width: 35px;
+
 .sg-slide-layout--content {
 	.sg-slide-track,
 	.sg-slide-container {
@@ -31,7 +33,9 @@
 
 	.sg-slide-dots {
 		display: block;
+		position: relative;
 		bottom: -10px;
+		width: auto	!important; // stylelint-disable-line
 	}
 
 	&[data-current-columns="3"] {
@@ -40,6 +44,10 @@
 				display: none;
 			}
 		}
+
+		.sg-slide:not(:nth-child(3n+1)) {
+			border-left: 1px solid $sg-news-border-color;
+		}
 	}
 
 	&[data-current-columns="2"] {
@@ -48,12 +56,10 @@
 				display: none;
 			}
 		}
-	}
-
 
-	.sg-slide-news-content {
-		margin-bottom: 16px;
-		padding: 0 35px
+		.sg-slide:not(:nth-child(2n+1)) {
+			border-left: 1px solid $sg-news-border-color;
+		}
 	}
 
 	a {
@@ -62,4 +68,27 @@
 			text-decoration: none;
 		}
 	}
+
+	.sg-slide-news-content {
+		margin-bottom: 16px;
+		padding: 0 50px
+	}
+
+	.tx-sgnews-teaser-description {
+		text-align: justify;
+	}
+
+	.tx-sgnews-teaser-title {
+		margin-bottom: 10px !important; //stylelint-disable-line
+
+		&::after {
+			display: block;
+			content: '';
+			width: $sg-news-headline-underline-width;
+			height: #{$sg-news-headline-underline-width / 6};
+			background: $sg-news-foreground-color;
+		}
+	}
+
+
 }