nodebb-theme-persona 13.3.29 → 13.3.32

package/scss/keyframes.scss

@@ -1,152 +1,152 @@
-@-webkit-keyframes taskbar-active {
-	0% {
-		background: #e7e7e7;
-		color: #333;
-	}
-	50% {
-		background: #558;
-		color: #fff;
-	}
-	100% {
-		background: #e7e7e7;
-		color: #333;
-	}
-}
-
-@-moz-keyframes taskbar-active {
-	0% {
-		background: #e7e7e7;
-		color: #333;
-	}
-	50% {
-		background: #558;
-		color: #fff;
-	}
-	100% {
-		background: #e7e7e7;
-		color: #333;
-	}
-}
-
-@-o-keyframes taskbar-active {
-	0% {
-		background: #e7e7e7;
-		color: #333;
-	}
-	50% {
-		background: #558;
-		color: #fff;
-	}
-	100% {
-		background: #e7e7e7;
-		color: #333;
-	}
-}
-
-@keyframes taskbar-active {
-	0% {
-		background: #e7e7e7;
-		color: #333;
-	}
-	50% {
-		background: #558;
-		color: #fff;
-	}
-	100% {
-		background: #e7e7e7;
-		color: #333;
-	}
-}
-
-@-webkit-keyframes topic-reply-pulse {
-	0%, 100% { opacity: 1; }
-	50% { opacity: 0.3; }
-}
-
-@keyframes topic-reply-pulse {
-	0%, 100% { opacity: 1; }
-	50% { opacity: 0.3; }
-}
-
-
-
-// originally from http://daneden.github.io/animate.css/
-@-webkit-keyframes bounceIn {
-  0%, 20%, 40%, 60%, 80%, 100% {
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  20% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
-    transform: scale3d(1.03, 1.03, 1.03);
-  }
-
-  80% {
-    -webkit-transform: scale3d(.97, .97, .97);
-    transform: scale3d(.97, .97, .97);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes bounceIn {
-  0%, 20%, 40%, 60%, 80%, 100% {
-    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-  }
-
-  0% {
-    opacity: 0;
-    -webkit-transform: scale3d(.3, .3, .3);
-    transform: scale3d(.3, .3, .3);
-  }
-
-  20% {
-    -webkit-transform: scale3d(1.1, 1.1, 1.1);
-    transform: scale3d(1.1, 1.1, 1.1);
-  }
-
-  40% {
-    -webkit-transform: scale3d(.9, .9, .9);
-    transform: scale3d(.9, .9, .9);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale3d(1.03, 1.03, 1.03);
-    transform: scale3d(1.03, 1.03, 1.03);
-  }
-
-  80% {
-    -webkit-transform: scale3d(.97, .97, .97);
-    transform: scale3d(.97, .97, .97);
-  }
-
-  100% {
-    opacity: 1;
-    -webkit-transform: scale3d(1, 1, 1);
-    transform: scale3d(1, 1, 1);
-  }
-}
+@-webkit-keyframes taskbar-active {
+	0% {
+		background: #e7e7e7;
+		color: #333;
+	}
+	50% {
+		background: #558;
+		color: #fff;
+	}
+	100% {
+		background: #e7e7e7;
+		color: #333;
+	}
+}
+
+@-moz-keyframes taskbar-active {
+	0% {
+		background: #e7e7e7;
+		color: #333;
+	}
+	50% {
+		background: #558;
+		color: #fff;
+	}
+	100% {
+		background: #e7e7e7;
+		color: #333;
+	}
+}
+
+@-o-keyframes taskbar-active {
+	0% {
+		background: #e7e7e7;
+		color: #333;
+	}
+	50% {
+		background: #558;
+		color: #fff;
+	}
+	100% {
+		background: #e7e7e7;
+		color: #333;
+	}
+}
+
+@keyframes taskbar-active {
+	0% {
+		background: #e7e7e7;
+		color: #333;
+	}
+	50% {
+		background: #558;
+		color: #fff;
+	}
+	100% {
+		background: #e7e7e7;
+		color: #333;
+	}
+}
+
+@-webkit-keyframes topic-reply-pulse {
+	0%, 100% { opacity: 1; }
+	50% { opacity: 0.3; }
+}
+
+@keyframes topic-reply-pulse {
+	0%, 100% { opacity: 1; }
+	50% { opacity: 0.3; }
+}
+
+
+
+// originally from http://daneden.github.io/animate.css/
+@-webkit-keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(.9, .9, .9);
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(.97, .97, .97);
+    transform: scale3d(.97, .97, .97);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}
+
+@keyframes bounceIn {
+  0%, 20%, 40%, 60%, 80%, 100% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
+  }
+
+  0% {
+    opacity: 0;
+    -webkit-transform: scale3d(.3, .3, .3);
+    transform: scale3d(.3, .3, .3);
+  }
+
+  20% {
+    -webkit-transform: scale3d(1.1, 1.1, 1.1);
+    transform: scale3d(1.1, 1.1, 1.1);
+  }
+
+  40% {
+    -webkit-transform: scale3d(.9, .9, .9);
+    transform: scale3d(.9, .9, .9);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale3d(1.03, 1.03, 1.03);
+    transform: scale3d(1.03, 1.03, 1.03);
+  }
+
+  80% {
+    -webkit-transform: scale3d(.97, .97, .97);
+    transform: scale3d(.97, .97, .97);
+  }
+
+  100% {
+    opacity: 1;
+    -webkit-transform: scale3d(1, 1, 1);
+    transform: scale3d(1, 1, 1);
+  }
+}

package/scss/mixins.scss

@@ -1,130 +1,130 @@
-
-
-@mixin timeline-style() {
-	> [component="post"], .timeline-event {
-		position: relative;	// for absolutely positioned pseudo-element, below
-		border-left: 2px solid lighten($primary, 30%);
-		margin-left: 1.5rem;
-
-		&:not(:last-child) {
-			padding-bottom: $post-padding;
-		}
-		&:not(:first-child) {
-			padding-top: $post-padding;
-		}
-
-		> div:not(.content) {
-			margin-left: -1.5rem;
-		}
-
-		.icon .avatar, .timeline-badge {
-			// Opaque ring
-			position: relative;
-			z-index: 1;
-			box-shadow: 0 0 0 ($spacer * .5) $body-bg;
-		}
-	}
-
-	@include media-breakpoint-down(sm) {
-		[component="post"] {
-			border: 0;
-			padding: $post-padding 0;
-
-			margin-left: initial;
-			> div:not(.content) {
-				margin-left: 0;
-			}
-		}
-
-		[component="post"]:last-child:after {
-			display: none;
-		}
-
-		.timeline-event {
-			margin-left: 1rem;
-
-			&:before, &+:not(.timeline-event):before {
-				content: '';
-				width: 1rem;
-				position: absolute;
-				top: 0;
-				left: calc(-0.5rem - 1px);
-				border-bottom: 2px solid lighten($primary, 30%);
-			}
-
-			&+:not(.timeline-event):before {
-				left: calc(.5rem + 1px);
-			}
-
-			&+.timeline-event:before {
-				display: none;
-			}
-
-			.timeline-text.timeago {
-				display: none;
-			}
-		}
-	}
-
-	@include media-breakpoint-up(sm) {
-		.timeline-event {
-			[component="topic/event/delete"] {
-				visibility: hidden;
-			}
-
-			&:hover {
-				[component="topic/event/delete"] {
-					visibility: visible;
-
-					&:hover {
-						color: $danger;
-					}
-				}
-			}
-		}
-	}
-
-	.necro-post {
-		border-left-style: dashed;
-	}
-
-	> [component="post"]:last-child:after {
-		content: '';
-		width: 1rem;
-		position: absolute;
-		bottom: 0;
-		left: calc(-0.5rem - 1px);
-		border-bottom: 2px solid lighten($primary, 30%);
-	}
-
-	[component="topic/event"], [component="topic/necro-post"] {
-		&.timeline-event {
-			text-align: left;
-			justify-content: left;
-			font-size: 1em;
-
-			.timeline-badge {
-				float: left;
-				display: flex;
-				align-items: center;
-				justify-content: center;
-				flex-shrink: 0;
-
-				width: 32px;
-				height: 32px;
-				padding: 0;
-				margin-left: -17px;
-				margin-right: 17px;
-				color: lighten($primary, 30%);
-				background-color: $body-bg;
-				border: 2px solid lighten($primary, 30%);
-				border-radius: 50%;
-			}
-
-			.timeline-text {
-				line-height: 32px;
-				text-transform: initial;
-			}
-		}
-	}
+
+
+@mixin timeline-style() {
+	> [component="post"], .timeline-event {
+		position: relative;	// for absolutely positioned pseudo-element, below
+		border-left: 2px solid lighten($primary, 30%);
+		margin-left: 1.5rem;
+
+		&:not(:last-child) {
+			padding-bottom: $post-padding;
+		}
+		&:not(:first-child) {
+			padding-top: $post-padding;
+		}
+
+		> div:not(.content) {
+			margin-left: -1.5rem;
+		}
+
+		.icon .avatar, .timeline-badge {
+			// Opaque ring
+			position: relative;
+			z-index: 1;
+			box-shadow: 0 0 0 ($spacer * .5) $body-bg;
+		}
+	}
+
+	@include media-breakpoint-down(sm) {
+		[component="post"] {
+			border: 0;
+			padding: $post-padding 0;
+
+			margin-left: initial;
+			> div:not(.content) {
+				margin-left: 0;
+			}
+		}
+
+		[component="post"]:last-child:after {
+			display: none;
+		}
+
+		.timeline-event {
+			margin-left: 1rem;
+
+			&:before, &+:not(.timeline-event):before {
+				content: '';
+				width: 1rem;
+				position: absolute;
+				top: 0;
+				left: calc(-0.5rem - 1px);
+				border-bottom: 2px solid lighten($primary, 30%);
+			}
+
+			&+:not(.timeline-event):before {
+				left: calc(.5rem + 1px);
+			}
+
+			&+.timeline-event:before {
+				display: none;
+			}
+
+			.timeline-text.timeago {
+				display: none;
+			}
+		}
+	}
+
+	@include media-breakpoint-up(sm) {
+		.timeline-event {
+			[component="topic/event/delete"] {
+				visibility: hidden;
+			}
+
+			&:hover {
+				[component="topic/event/delete"] {
+					visibility: visible;
+
+					&:hover {
+						color: $danger;
+					}
+				}
+			}
+		}
+	}
+
+	.necro-post {
+		border-left-style: dashed;
+	}
+
+	> [component="post"]:last-child:after {
+		content: '';
+		width: 1rem;
+		position: absolute;
+		bottom: 0;
+		left: calc(-0.5rem - 1px);
+		border-bottom: 2px solid lighten($primary, 30%);
+	}
+
+	[component="topic/event"], [component="topic/necro-post"] {
+		&.timeline-event {
+			text-align: left;
+			justify-content: left;
+			font-size: 1em;
+
+			.timeline-badge {
+				float: left;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				flex-shrink: 0;
+
+				width: 32px;
+				height: 32px;
+				padding: 0;
+				margin-left: -17px;
+				margin-right: 17px;
+				color: lighten($primary, 30%);
+				background-color: $body-bg;
+				border: 2px solid lighten($primary, 30%);
+				border-radius: 50%;
+			}
+
+			.timeline-text {
+				line-height: 32px;
+				text-transform: initial;
+			}
+		}
+	}
 }