add mark promoted twists as promoted

css/style.css

@@ -1787,6 +1787,17 @@ button.light:hover, a.button.light:hover {
   padding: 15px;
   background: #FDFCFA;
 }
+.postboard-posts .post.promoted > .post-data .post-text::after {
+  font-size: 70%;
+  color: #FFF;
+  background-color: rgba(161, 183, 117, 0.75);
+  margin: 0px 8px;
+  padding: 2px 4px;
+  content: attr(data-promoted);
+}
+.postboard-posts .post.promoted > .post-data:hover .post-text::after {
+  background-color: #A1B775;
+}
 .postboard-posts > .post {
   -moz-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);
   -webkit-box-shadow: 1px 2px 2px rgba(17, 17, 17, 0.1);

sass/layout/_postboard.sass

@@ -109,6 +109,19 @@
 			padding:  15px
 			background: $bloc-light-color
 
+		&.promoted
+			> .post-data
+				.post-text::after
+					font-size: 70%
+					color: #FFF
+					background-color: rgba($color-green, 0.75)
+					margin: 0px 8px
+					padding: 2px 4px
+					content: attr(data-promoted)
+				&:hover
+					.post-text::after
+						background-color: $color-green
+