nodebb-theme-harmony 2.0.0 → 2.0.1

package/scss/account.scss

@@ -1,27 +1,27 @@
-.page-user.page-status-200 #panel {
-	margin-top: 0px!important;
-}
-.account {
-	margin-top: 200px;
-
-	@include media-breakpoint-up(md) {
-		margin-top: 300px;
-	}
-
-	.categories {
-		[component="categories/category"] {
-			$category-pad: 50;
-			@for $i from 1 through 6 {
-				.depth-#{$i} {
-					padding-left: #{$category-pad * $i}px;
-				}
-			}
-		}
-	}
-}
-
-[component="group/badge/item"]:first-child [component="group/order/up"],
-[component="group/badge/item"]:last-child [component="group/order/down"] {
-	opacity: 0.65;
-	pointer-events: none;
-}
+.page-user.page-status-200 #panel {
+	margin-top: 0px!important;
+}
+.account {
+	margin-top: 200px;
+
+	@include media-breakpoint-up(md) {
+		margin-top: 300px;
+	}
+
+	.categories {
+		[component="categories/category"] {
+			$category-pad: 50;
+			@for $i from 1 through 6 {
+				.depth-#{$i} {
+					padding-left: #{$category-pad * $i}px;
+				}
+			}
+		}
+	}
+}
+
+[component="group/badge/item"]:first-child [component="group/order/up"],
+[component="group/badge/item"]:last-child [component="group/order/down"] {
+	opacity: 0.65;
+	pointer-events: none;
+}

package/scss/category.scss

@@ -1,4 +1,4 @@
-.category-header .description p { margin: 0; }
-.page-category .breadcrumb .breadcrumb-item:last-child {
-	display: none;
+.category-header .description p { margin: 0; }
+.page-category .breadcrumb .breadcrumb-item:last-child {
+	display: none;
 }

package/scss/chats.scss

@@ -1,12 +1,12 @@
-// themes have a different layout so each one needs this block to set height to 100%
-body.page-user-chats {
-	> .layout-container {
-		height: 100%;
-		> #panel {
-			height: 100%;
-			> .container {
-				height: 100%;
-			}
-		}
-	}
+// themes have a different layout so each one needs this block to set height to 100%
+body.page-user-chats {
+	> .layout-container {
+		height: 100%;
+		> #panel {
+			height: 100%;
+			> .container {
+				height: 100%;
+			}
+		}
+	}
 }

package/scss/common.scss

@@ -1,123 +1,123 @@
-
-html {
-	height: 100%;
-}
-
-body {
-	overflow-y: scroll;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	text-rendering: optimizeLegibility;
-}
-
-// fixes chrome font boosting :/ https://stackoverflow.com/questions/13430897/how-to-override-font-boosting-in-mobile-chrome
-body * {
-	max-height:1000000px;
-	text-size-adjust: none;
-	-webkit-text-size-adjust: none;
-	-moz-text-size-adjust: none;
-}
-
-hr {
-	border-top-color: var(--bs-border-color);
-	opacity: 1;
-}
-
-.ff-base { font-family: $font-family-base !important; }
-.ff-sans { font-family: $font-family-sans-serif !important; }
-.ff-secondary { font-family: $font-family-secondary; }
-.tracking-tight { letter-spacing: -0.02em; }
-
-.caret {
-	&::after {
-		border: none;
-		font-family: "FontAwesome";
-		content: "\f078";
-	}
-}
-
-.placeholder-wave {
-	opacity: 0.5;
-}
-
-.bg-card-cap {
-	--bs-bg-opacity: 1;
-	background-color: $card-cap-bg!important;
-}
-
-blockquote {
-	$bq-border-color: mix($light, $dark, 75%);
-	@extend .text-bg-light;
-	font-style: normal;
-	border-left: 2px solid $bq-border-color;
-	padding: 1rem;
-	p:last-child {
-		margin-bottom: 0;
-	}
-	.toggle {
-		border-color: $bq-border-color!important;
-	}
-}
-
-body:not(.page-user) {
-	#content {
-		transition: opacity 150ms linear;
-		&.ajaxifying {
-			-moz-opacity: 0;
-			opacity: 0;
-		}
-	}
-}
-.page-user {
-	#content {
-		transition: opacity 150ms linear;
-		&.ajaxifying .account-content {
-			transition: opacity 150ms linear;
-			-moz-opacity: 0;
-			opacity: 0;
-		}
-	}
-}
-
-.sticky-tools {
-	position: sticky;
-	z-index: 3;
-	top: 0;
-	padding: 0.25rem 0;
-}
-// quartz doesn't need body-bg for tool background
-.skin-quartz .sticky-tools {
-	background-color: initial;
-}
-
-.flex-basis-md-200 {
-	@include media-breakpoint-up(md) {
-		flex-basis: 200px!important;
-	}
-}
-
-.markdown-highlight {
-	@extend .shadow-sm;
-	@extend .border;
-}
-
-[component="chat/message/body"], [component="post/content"] {
-	.img-fluid {
-		@extend .shadow-sm;
-		padding: $spacer * 0.5;
-		margin: $spacer * 0.5 0;
-		border: 1px solid $border-color;
-		background-color: $light;
-		border-radius: $border-radius-sm;
-		max-height: 500px;
-		width: auto;
-	}
-}
-
-[component="chat/message/body"],
-[component="post/content"],
-[component="topic/teaser"] .post-content,
-[component="category/posts"] .post-content,
-.post-queue.posts-list .post-content {
-	a { text-decoration: underline;}
+
+html {
+	height: 100%;
+}
+
+body {
+	overflow-y: scroll;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
+}
+
+// fixes chrome font boosting :/ https://stackoverflow.com/questions/13430897/how-to-override-font-boosting-in-mobile-chrome
+body * {
+	max-height:1000000px;
+	text-size-adjust: none;
+	-webkit-text-size-adjust: none;
+	-moz-text-size-adjust: none;
+}
+
+hr {
+	border-top-color: var(--bs-border-color);
+	opacity: 1;
+}
+
+.ff-base { font-family: $font-family-base !important; }
+.ff-sans { font-family: $font-family-sans-serif !important; }
+.ff-secondary { font-family: $font-family-secondary; }
+.tracking-tight { letter-spacing: -0.02em; }
+
+.caret {
+	&::after {
+		border: none;
+		font-family: "FontAwesome";
+		content: "\f078";
+	}
+}
+
+.placeholder-wave {
+	opacity: 0.5;
+}
+
+.bg-card-cap {
+	--bs-bg-opacity: 1;
+	background-color: $card-cap-bg!important;
+}
+
+blockquote {
+	$bq-border-color: mix($light, $dark, 75%);
+	@extend .text-bg-light;
+	font-style: normal;
+	border-left: 2px solid $bq-border-color;
+	padding: 1rem;
+	p:last-child {
+		margin-bottom: 0;
+	}
+	.toggle {
+		border-color: $bq-border-color!important;
+	}
+}
+
+body:not(.page-user) {
+	#content {
+		transition: opacity 150ms linear;
+		&.ajaxifying {
+			-moz-opacity: 0;
+			opacity: 0;
+		}
+	}
+}
+.page-user {
+	#content {
+		transition: opacity 150ms linear;
+		&.ajaxifying .account-content {
+			transition: opacity 150ms linear;
+			-moz-opacity: 0;
+			opacity: 0;
+		}
+	}
+}
+
+.sticky-tools {
+	position: sticky;
+	z-index: 3;
+	top: 0;
+	padding: 0.25rem 0;
+}
+// quartz doesn't need body-bg for tool background
+.skin-quartz .sticky-tools {
+	background-color: initial;
+}
+
+.flex-basis-md-200 {
+	@include media-breakpoint-up(md) {
+		flex-basis: 200px!important;
+	}
+}
+
+.markdown-highlight {
+	@extend .shadow-sm;
+	@extend .border;
+}
+
+[component="chat/message/body"], [component="post/content"] {
+	.img-fluid {
+		@extend .shadow-sm;
+		padding: $spacer * 0.5;
+		margin: $spacer * 0.5 0;
+		border: 1px solid $border-color;
+		background-color: $light;
+		border-radius: $border-radius-sm;
+		max-height: 500px;
+		width: auto;
+	}
+}
+
+[component="chat/message/body"],
+[component="post/content"],
+[component="topic/teaser"] .post-content,
+[component="category/posts"] .post-content,
+.post-queue.posts-list .post-content {
+	a { text-decoration: underline;}
 }

package/scss/fonts.scss

@@ -1,19 +1,19 @@
-@use "@fontsource/inter/scss/mixins" as Inter;
-@use "@fontsource/poppins/scss/mixins" as Poppins;
-
-$weights: $font-weight-light, $font-weight-normal, $font-weight-semibold, $font-weight-bold;
-$subsets: (latin, latin-ext);
-$font-path: "./plugins/nodebb-theme-harmony" !default;
-
-@include Inter.faces(
-	$weights: $weights,
-	$subsets: $subsets,
-	$display: fallback,
-	$directory: "#{$font-path}/inter"
-);
-@include Poppins.faces(
-	$weights: $weights,
-	$subsets: $subsets,
-	$display: fallback,
-	$directory: "#{$font-path}/poppins"
-);
+@use "@fontsource/inter/scss/mixins" as Inter;
+@use "@fontsource/poppins/scss/mixins" as Poppins;
+
+$weights: $font-weight-light, $font-weight-normal, $font-weight-semibold, $font-weight-bold;
+$subsets: (latin, latin-ext);
+$font-path: "./plugins/nodebb-theme-harmony" !default;
+
+@include Inter.faces(
+	$weights: $weights,
+	$subsets: $subsets,
+	$display: fallback,
+	$directory: "#{$font-path}/inter"
+);
+@include Poppins.faces(
+	$weights: $weights,
+	$subsets: $subsets,
+	$display: fallback,
+	$directory: "#{$font-path}/poppins"
+);

package/scss/groups.scss

@@ -1,22 +1,22 @@
-.template-groups-details #panel {
-	margin-top: 0px!important;
-}
-
-.group-hover-bg {
-	$hover-color: mix($light, $dark, 97%);
-	$border-color: mix($light, $dark, 90%);
-	.card-body {
-		border-color: $border-color!important;
-	}
-	&:hover {
-		background-color: $hover-color;
-	}
-}
-
-.groups.details {
-	margin-top: 200px;
-
-	@include media-breakpoint-up(md) {
-		margin-top: 300px;
-	}
-}
+.template-groups-details #panel {
+	margin-top: 0px!important;
+}
+
+.group-hover-bg {
+	$hover-color: mix($light, $dark, 97%);
+	$border-color: mix($light, $dark, 90%);
+	.card-body {
+		border-color: $border-color!important;
+	}
+	&:hover {
+		background-color: $hover-color;
+	}
+}
+
+.groups.details {
+	margin-top: 200px;
+
+	@include media-breakpoint-up(md) {
+		margin-top: 300px;
+	}
+}

package/scss/harmony.scss

@@ -1,25 +1,25 @@
-@import "fonts";
-@import "mixins";
-@import "common";
-
-@import "header";
-@import "topic";
-@import "category";
-@import "chats";
-@import "sidebar";
-@import "status";
-@import "account";
-@import "groups";
-@import "modals";
-
-@import "modules/breadcrumbs";
-@import "modules/tags";
-@import "modules/user-menu";
-@import "modules/topic-navigator";
-@import "modules/topics-list";
-@import "modules/cover";
-@import "modules/nprogress";
-@import "modules/paginator";
-@import "modules/filters";
-
+@import "fonts";
+@import "mixins";
+@import "common";
+
+@import "header";
+@import "topic";
+@import "category";
+@import "chats";
+@import "sidebar";
+@import "status";
+@import "account";
+@import "groups";
+@import "modals";
+
+@import "modules/breadcrumbs";
+@import "modules/tags";
+@import "modules/user-menu";
+@import "modules/topic-navigator";
+@import "modules/topics-list";
+@import "modules/cover";
+@import "modules/nprogress";
+@import "modules/paginator";
+@import "modules/filters";
+
 @import "skins";

package/scss/header.scss

@@ -1,16 +1,16 @@
-// hide brand/title on user and group details pages so it doesnt break covers
-body[class*="template-account-"], .template-chats, .template-groups-details {
-	.brand-container {
-		display: none;
-	}
-}
-[component="brand/wrapper"] {
-	&:hover {
-		background-color: $card-cap-bg;
-	}
-}
-
-[component="brand/logo"] {
-	max-height: 48px;
-	width: auto;
+// hide brand/title on user and group details pages so it doesnt break covers
+body[class*="template-account-"], .template-chats, .template-groups-details {
+	.brand-container {
+		display: none;
+	}
+}
+[component="brand/wrapper"] {
+	&:hover {
+		background-color: $card-cap-bg;
+	}
+}
+
+[component="brand/logo"] {
+	max-height: 48px;
+	width: auto;
 }