nodebb-theme-persona 13.3.28 → 13.3.31

package/scss/groups.scss

@@ -1,167 +1,167 @@
-.groups.details {
-	margin-top: 200px;
-
-	[component="groups/cover"] {
-		background-size: cover;
-		background-repeat: no-repeat;
-		background-origin: content-box;
-
-		min-height: 200px;
-		width: 100%;
-		margin-bottom: 1em;
-		padding-left: 0;
-		padding-right: 0;
-
-		position: absolute;
-		top: var(--panel-offset);
-		right: 0;
-		left: auto;
-
-		&:hover {
-			.controls {
-				opacity: 0.8;
-			}
-		}
-
-		.controls {
-			text-align: center;
-			min-height: 200px;
-			line-height: 200px;
-			opacity: 0;
-			@include transition(opacity .15s linear);
-			cursor: pointer;
-			pointer-events: none;
-
-			> * {
-				pointer-events: all;
-			}
-
-			.fa {
-				color: white;
-				background-color: #333;
-				opacity: 1;
-				margin: 15px;
-				padding: 5px;
-			}
-		}
-
-		&.active {
-			&:hover {
-				cursor: move;
-			}
-
-			.controls {
-				> * {
-					display: none;
-				}
-			}
-
-			.save {
-				display: inline-block;
-			}
-		}
-
-		&.saving {
-			.save {
-				display: none;
-			}
-
-			.indicator {
-				display: inline-block;
-			}
-		}
-
-		.save, .indicator {
-			display: inline-block;
-			position: absolute;
-			top: 1em;
-			right: 2em;
-			opacity: 1;
-			background-color: $primary;
-			color: $gray-200;
-			padding: 0.5em;
-			font-weight: bold;
-
-			&:hover {
-				cursor: pointer;
-			}
-		}
-
-		.save {
-			display: none;
-		}
-
-		.indicator {
-			display: none;
-		}
-	}
-
-	h1 {
-		overflow-wrap: break-word;
-		margin-top: 0;
-	}
-
-	.post-body {
-		.topic-title, p {
-			overflow-y: hidden;
-			display: block;
-		}
-	}
-
-	@include media-breakpoint-up(md) {
-		margin-top: 300px;
-
-		[component="groups/cover"] {
-			min-height: 300px;
-
-			.controls {
-				min-height: 300px;
-				line-height: 300px;
-			}
-		}
-	}
-
-	.panel-title {
-		.label {
-			padding: .2em .3em .1em;
-		}
-	}
-}
-
-.groups.list {
-	[component="groups/summary"] {
-		.list-cover {
-			display: block;
-			background-size: cover;
-			min-height: 125px;
-			background-position: 50% 50%;
-			@include pointer;
-
-			h5 {
-				background-color: rgba(0,0,0,0.5);
-				display: inline-block;
-				padding: 0.25em 0.5em;
-				color: white;
-				font-weight: bold;
-				text-transform: capitalize;
-				white-space: nowrap;
-				text-overflow: ellipsis;
-				overflow-x: hidden;
-				max-width: 100%;
-			}
-		}
-
-		.members {
-			padding-left: 0;
-
-			> li {
-				list-style-type: none;
-				display: inline-block;
-			}
-
-			.truncated {
-				vertical-align: bottom;
-			}
-		}
-	}
+.groups.details {
+	margin-top: 200px;
+
+	[component="groups/cover"] {
+		background-size: cover;
+		background-repeat: no-repeat;
+		background-origin: content-box;
+
+		min-height: 200px;
+		width: 100%;
+		margin-bottom: 1em;
+		padding-left: 0;
+		padding-right: 0;
+
+		position: absolute;
+		top: var(--panel-offset);
+		right: 0;
+		left: auto;
+
+		&:hover {
+			.controls {
+				opacity: 0.8;
+			}
+		}
+
+		.controls {
+			text-align: center;
+			min-height: 200px;
+			line-height: 200px;
+			opacity: 0;
+			@include transition(opacity .15s linear);
+			cursor: pointer;
+			pointer-events: none;
+
+			> * {
+				pointer-events: all;
+			}
+
+			.fa {
+				color: white;
+				background-color: #333;
+				opacity: 1;
+				margin: 15px;
+				padding: 5px;
+			}
+		}
+
+		&.active {
+			&:hover {
+				cursor: move;
+			}
+
+			.controls {
+				> * {
+					display: none;
+				}
+			}
+
+			.save {
+				display: inline-block;
+			}
+		}
+
+		&.saving {
+			.save {
+				display: none;
+			}
+
+			.indicator {
+				display: inline-block;
+			}
+		}
+
+		.save, .indicator {
+			display: inline-block;
+			position: absolute;
+			top: 1em;
+			right: 2em;
+			opacity: 1;
+			background-color: $primary;
+			color: $gray-200;
+			padding: 0.5em;
+			font-weight: bold;
+
+			&:hover {
+				cursor: pointer;
+			}
+		}
+
+		.save {
+			display: none;
+		}
+
+		.indicator {
+			display: none;
+		}
+	}
+
+	h1 {
+		overflow-wrap: break-word;
+		margin-top: 0;
+	}
+
+	.post-body {
+		.topic-title, p {
+			overflow-y: hidden;
+			display: block;
+		}
+	}
+
+	@include media-breakpoint-up(md) {
+		margin-top: 300px;
+
+		[component="groups/cover"] {
+			min-height: 300px;
+
+			.controls {
+				min-height: 300px;
+				line-height: 300px;
+			}
+		}
+	}
+
+	.panel-title {
+		.label {
+			padding: .2em .3em .1em;
+		}
+	}
+}
+
+.groups.list {
+	[component="groups/summary"] {
+		.list-cover {
+			display: block;
+			background-size: cover;
+			min-height: 125px;
+			background-position: 50% 50%;
+			@include pointer;
+
+			h5 {
+				background-color: rgba(0,0,0,0.5);
+				display: inline-block;
+				padding: 0.25em 0.5em;
+				color: white;
+				font-weight: bold;
+				text-transform: capitalize;
+				white-space: nowrap;
+				text-overflow: ellipsis;
+				overflow-x: hidden;
+				max-width: 100%;
+			}
+		}
+
+		.members {
+			padding-left: 0;
+
+			> li {
+				list-style-type: none;
+				display: inline-block;
+			}
+
+			.truncated {
+				vertical-align: bottom;
+			}
+		}
+	}
 }