nodebb-theme-persona 13.3.28 → 13.3.31

package/scss/modules/nprogress.scss

@@ -1,80 +1,80 @@
-#nprogress {
-	pointer-events: none;
-}
-
-#nprogress .bar {
-	background: #29d;
-
-	position: fixed;
-	z-index: 1031;
-	top: 0;
-	left: 0;
-
-	width: 100%;
-	height: 2px;
-}
-
-#nprogress .peg {
-	display: block;
-	position: absolute;
-	right: 0px;
-	width: 100px;
-	height: 100%;
-	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
-	opacity: 1.0;
-
-	-webkit-transform: rotate(3deg) translate(0px, -4px);
-		-ms-transform: rotate(3deg) translate(0px, -4px);
-			transform: rotate(3deg) translate(0px, -4px);
-}
-
-#nprogress .spinner {
-	display: block;
-	position: fixed;
-	z-index: 1031;
-	top: 15px;
-	right: 15px;
-}
-
-@include media-breakpoint-down(sm) {
-	#nprogress .spinner {
-	  bottom: 15px;
-	  right: 15px;
-	  top: initial;
-	}
-}
-
-
-#nprogress .spinner-icon {
-	width: 18px;
-	height: 18px;
-	box-sizing: border-box;
-
-	border: solid 2px transparent;
-	border-top-color: #29d;
-	border-left-color: #29d;
-	border-radius: 50%;
-
-	-webkit-animation: nprogress-spinner 400ms linear infinite;
-			animation: nprogress-spinner 400ms linear infinite;
-}
-
-.nprogress-custom-parent {
-	overflow: hidden;
-	position: relative;
-}
-
-.nprogress-custom-parent #nprogress .spinner,
-.nprogress-custom-parent #nprogress .bar {
-	position: absolute;
-}
-
-@-webkit-keyframes nprogress-spinner {
-	0%   { -webkit-transform: rotate(0deg); }
-	100% { -webkit-transform: rotate(360deg); }
-}
-@keyframes nprogress-spinner {
-	0%   { transform: rotate(0deg); }
-	100% { transform: rotate(360deg); }
-}
-
+#nprogress {
+	pointer-events: none;
+}
+
+#nprogress .bar {
+	background: #29d;
+
+	position: fixed;
+	z-index: 1031;
+	top: 0;
+	left: 0;
+
+	width: 100%;
+	height: 2px;
+}
+
+#nprogress .peg {
+	display: block;
+	position: absolute;
+	right: 0px;
+	width: 100px;
+	height: 100%;
+	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
+	opacity: 1.0;
+
+	-webkit-transform: rotate(3deg) translate(0px, -4px);
+		-ms-transform: rotate(3deg) translate(0px, -4px);
+			transform: rotate(3deg) translate(0px, -4px);
+}
+
+#nprogress .spinner {
+	display: block;
+	position: fixed;
+	z-index: 1031;
+	top: 15px;
+	right: 15px;
+}
+
+@include media-breakpoint-down(sm) {
+	#nprogress .spinner {
+	  bottom: 15px;
+	  right: 15px;
+	  top: initial;
+	}
+}
+
+
+#nprogress .spinner-icon {
+	width: 18px;
+	height: 18px;
+	box-sizing: border-box;
+
+	border: solid 2px transparent;
+	border-top-color: #29d;
+	border-left-color: #29d;
+	border-radius: 50%;
+
+	-webkit-animation: nprogress-spinner 400ms linear infinite;
+			animation: nprogress-spinner 400ms linear infinite;
+}
+
+.nprogress-custom-parent {
+	overflow: hidden;
+	position: relative;
+}
+
+.nprogress-custom-parent #nprogress .spinner,
+.nprogress-custom-parent #nprogress .bar {
+	position: absolute;
+}
+
+@-webkit-keyframes nprogress-spinner {
+	0%   { -webkit-transform: rotate(0deg); }
+	100% { -webkit-transform: rotate(360deg); }
+}
+@keyframes nprogress-spinner {
+	0%   { transform: rotate(0deg); }
+	100% { transform: rotate(360deg); }
+}
+

package/scss/modules/taskbar.scss

@@ -1,161 +1,161 @@
-@import "../keyframes";
-
-.modal-unfocused {
-	z-index: $zindex-modal - 5 !important;
-}
-
-.taskbar {
-	display: none;
-	left: 15px;
-	right: auto;
-
-	margin-top: 0;
-	@include transition(.15s ease-in opacity);
-
-	background: none;
-	border: none;
-
-	&[data-active="1"] {
-		display: block;
-	}
-
-	&:hover {
-		-moz-opacity: 1;
-		opacity: 1;
-	}
-
-	&.navbar {
-		min-height: 32px;
-	}
-
-	.navbar-nav {
-		float: unset;
-		display: flex;
-		flex-direction: column;
-		padding-right: 15px;
-		padding-bottom: 15px;
-
-		li {
-			margin-top: 1rem;
-
-			&.new a {
-				-webkit-animation-name: bounceIn;
-  				animation-name: bounceIn;
-				-webkit-animation-duration: 1s;
-				animation-duration: 1s;
-				-webkit-animation-fill-mode: both;
-				animation-fill-mode: both;
-			}
-
-			&.active a {
-				&::after {
-					content: '\f06e';
-					font-family: "FontAwesome";
-					font-size: 13px;
-					background: black;
-					border-radius: 50%;
-					color: white;
-					position: absolute;
-					top: 0;
-					right: 0;
-					width: 20px;
-					height: 20px;
-				}
-			}
-
-			&.new a::after {
-				display: none;
-			}
-
-			a {
-				display: inline-block;
-				padding: 3px 15px;
-				font-size: 20px;
-
-				&.avatar {
-					overflow: visible;
-				}
-
-				&:focus, &:hover {
-					color: $gray-200;
-				}
-
-				border-radius: 50%;
-				height: 50px;
-				width: 50px;
-
-				> span {
-					display: none;
-				}
-
-				-webkit-animation-name: bounceIn;
-  				animation-name: bounceIn;
-  				-webkit-animation-duration: 1s;
-				animation-duration: 1s;
-				-webkit-animation-fill-mode: both;
-				animation-fill-mode: both;
-			}
-
-			img {
-				max-width: 24px;
-				max-height: 24px;
-				margin-right: 1em;
-			}
-
-			&.pulse a {
-				-webkit-animation-name: bounceIn;
-  				animation-name: bounceIn;
-				-webkit-animation-duration: 1s;
-				animation-duration: 1s;
-				-webkit-animation-fill-mode: both;
-				animation-fill-mode: both;
-			}
-
-			&.taskbar-composer {
-				a, a:hover, a:focus, a:active {
-					background-color: $danger;
-					color: white;
-					background-size: cover;
-				}
-			}
-
-			&.taskbar-chat {
-				a, a:hover, a:focus, a:active {
-					background: $primary;
-				}
-
-				&.new:after {
-					content: attr(data-content);
-					position: absolute;
-					left: 52px;
-					top: 0px;
-					font-size: 10px;
-					text-align: center;
-					border: 1px solid $danger;
-					color: #fff;
-					font-weight: bold;
-					min-width: 20px;
-					border-radius: 4px;
-					background: $danger;
-					padding: 1px 2px;
-					font-family: $font-family-sans-serif;
-				}
-
-				&.new[data-content="0"]:after {
-					display: none;
-				}
-			}
-
-			&.taskbar-composer, &.taskbar-chat {
-				a {
-					text-align: center;
-
-					i {
-						font-size: 18px;
-						line-height: 42px;
-					}
-				}
-			}
-		}
-	}
+@import "../keyframes";
+
+.modal-unfocused {
+	z-index: $zindex-modal - 5 !important;
+}
+
+.taskbar {
+	display: none;
+	left: 15px;
+	right: auto;
+
+	margin-top: 0;
+	@include transition(.15s ease-in opacity);
+
+	background: none;
+	border: none;
+
+	&[data-active="1"] {
+		display: block;
+	}
+
+	&:hover {
+		-moz-opacity: 1;
+		opacity: 1;
+	}
+
+	&.navbar {
+		min-height: 32px;
+	}
+
+	.navbar-nav {
+		float: unset;
+		display: flex;
+		flex-direction: column;
+		padding-right: 15px;
+		padding-bottom: 15px;
+
+		li {
+			margin-top: 1rem;
+
+			&.new a {
+				-webkit-animation-name: bounceIn;
+  				animation-name: bounceIn;
+				-webkit-animation-duration: 1s;
+				animation-duration: 1s;
+				-webkit-animation-fill-mode: both;
+				animation-fill-mode: both;
+			}
+
+			&.active a {
+				&::after {
+					content: '\f06e';
+					font-family: "FontAwesome";
+					font-size: 13px;
+					background: black;
+					border-radius: 50%;
+					color: white;
+					position: absolute;
+					top: 0;
+					right: 0;
+					width: 20px;
+					height: 20px;
+				}
+			}
+
+			&.new a::after {
+				display: none;
+			}
+
+			a {
+				display: inline-block;
+				padding: 3px 15px;
+				font-size: 20px;
+
+				&.avatar {
+					overflow: visible;
+				}
+
+				&:focus, &:hover {
+					color: $gray-200;
+				}
+
+				border-radius: 50%;
+				height: 50px;
+				width: 50px;
+
+				> span {
+					display: none;
+				}
+
+				-webkit-animation-name: bounceIn;
+  				animation-name: bounceIn;
+  				-webkit-animation-duration: 1s;
+				animation-duration: 1s;
+				-webkit-animation-fill-mode: both;
+				animation-fill-mode: both;
+			}
+
+			img {
+				max-width: 24px;
+				max-height: 24px;
+				margin-right: 1em;
+			}
+
+			&.pulse a {
+				-webkit-animation-name: bounceIn;
+  				animation-name: bounceIn;
+				-webkit-animation-duration: 1s;
+				animation-duration: 1s;
+				-webkit-animation-fill-mode: both;
+				animation-fill-mode: both;
+			}
+
+			&.taskbar-composer {
+				a, a:hover, a:focus, a:active {
+					background-color: $danger;
+					color: white;
+					background-size: cover;
+				}
+			}
+
+			&.taskbar-chat {
+				a, a:hover, a:focus, a:active {
+					background: $primary;
+				}
+
+				&.new:after {
+					content: attr(data-content);
+					position: absolute;
+					left: 52px;
+					top: 0px;
+					font-size: 10px;
+					text-align: center;
+					border: 1px solid $danger;
+					color: #fff;
+					font-weight: bold;
+					min-width: 20px;
+					border-radius: 4px;
+					background: $danger;
+					padding: 1px 2px;
+					font-family: $font-family-sans-serif;
+				}
+
+				&.new[data-content="0"]:after {
+					display: none;
+				}
+			}
+
+			&.taskbar-composer, &.taskbar-chat {
+				a {
+					text-align: center;
+
+					i {
+						font-size: 18px;
+						line-height: 42px;
+					}
+				}
+			}
+		}
+	}
 }

package/scss/modules/user-menu.scss

@@ -1,8 +1,8 @@
-[component="header/usercontrol"] {
-	[component="header/profilelink"] > div, .user-status > div {
-		min-width: 1.25em; // match fontawesome fixed width
-	}
-	.user-status.selected span {
-		font-weight: bold;
-	}
+[component="header/usercontrol"] {
+	[component="header/profilelink"] > div, .user-status > div {
+		min-width: 1.25em; // match fontawesome fixed width
+	}
+	.user-status.selected span {
+		font-weight: bold;
+	}
 }

package/scss/modules/usercard.scss

@@ -1,65 +1,65 @@
-.persona-usercard {
-	position: absolute;
-	background: #333;
-	top: -50%;
-	left: 0px;
-	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25), 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
-	height: 150px;
-	width: 450px;
-	z-index: 1;
-	display: block;
-
-	a, a:hover, a:visited, a:active {
-		text-decoration: none;
-		color: white;
-	}
-
-	.usercard-picture {
-		width: 150px;
-		height: 150px;
-		float: left;
-		background-size: cover;
-		background-repeat: no-repeat;
-		font-size: 75px;
-		line-height: 140px;
-		text-align: center;
-	}
-
-	.usercard-body {
-		padding: 5px 15px;
-		float: left;
-
-		height: 150px;
-		width: 300px;
-		color: white;
-	}
-
-	.usercard-name {
-		font-size: 28px;
-	}
-
-	.usercard-username {
-		text-transform: uppercase;
-		font-size: 13px;
-	}
-
-	.usercard-info {
-		text-align: center;
-		font-size: 30px;
-		font-weight: 300;
-
-		small {
-			text-transform: uppercase;
-			font-size: 10px;
-			display: block;
-			margin-top: 15px;
-			font-weight: 400;
-		}
-	}
-
-	.persona-fab.btn-morph {
-		top: 75px;
-		right: 15px;
-		position: absolute;
-	}
+.persona-usercard {
+	position: absolute;
+	background: #333;
+	top: -50%;
+	left: 0px;
+	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25), 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
+	height: 150px;
+	width: 450px;
+	z-index: 1;
+	display: block;
+
+	a, a:hover, a:visited, a:active {
+		text-decoration: none;
+		color: white;
+	}
+
+	.usercard-picture {
+		width: 150px;
+		height: 150px;
+		float: left;
+		background-size: cover;
+		background-repeat: no-repeat;
+		font-size: 75px;
+		line-height: 140px;
+		text-align: center;
+	}
+
+	.usercard-body {
+		padding: 5px 15px;
+		float: left;
+
+		height: 150px;
+		width: 300px;
+		color: white;
+	}
+
+	.usercard-name {
+		font-size: 28px;
+	}
+
+	.usercard-username {
+		text-transform: uppercase;
+		font-size: 13px;
+	}
+
+	.usercard-info {
+		text-align: center;
+		font-size: 30px;
+		font-weight: 300;
+
+		small {
+			text-transform: uppercase;
+			font-size: 10px;
+			display: block;
+			margin-top: 15px;
+			font-weight: 400;
+		}
+	}
+
+	.persona-fab.btn-morph {
+		top: 75px;
+		right: 15px;
+		position: absolute;
+	}
 }