Fixed box css class name being incorrectly handled

[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / layout / layout.scss

/* @TODO */
.userAvatarImage { border-radius: 50%; }
/* @TODO END */

html, body {
	height: 100%;
	line-height: 1.61803399;
	
	@extend .wcfFontDefault;
}

body {
	font-family: $wcfFontFamily;
	position: relative;
	word-wrap: break-word;
}

a {
	cursor: pointer;
	
	&:not(:hover) {
		text-decoration: none;
	}
}

#pageContainer {
	display: flex;
	height: 100%;
	flex-direction: column;
}

/* COLUMN LAYOUT */
.pageHeaderContainer {
	flex: 0 0 auto;
	z-index: 100;
}

.main {
	background-color: $wcfContentBackground;
	color: $wcfContentText;
	flex: 1 0 auto;
	padding: 40px 0;
	z-index: 50;
	
	> div {
		display: flex;
	}
	
	a {
		color: $wcfContentLink;
		text-decoration: none;
		
		&:hover {
			color: $wcfContentLinkActive;
		}
	}
}

#content {
	flex: 1 auto;
}

.sidebar {
	flex: 0 0 310px;
	
	&:first-child {
		margin-right: 30px;
	}
}

#content + .sidebar {
	margin-left: 30px;
}

/* CONTENT AREA */
.boxHeadline {
	border-bottom: 1px solid $wcfContentBorderInner;
	color: $wcfContentHeadlineText;
	margin-bottom: 30px;
	padding-bottom: 10px;
	
	> h1 {
		@extend .wcfFontTitle;
	}
	
	a {
		color: $wcfContentHeadlineLink;
		
		&:hover {
			color: $wcfContentHeadlineLinkActive;
		}
	}
	
	&.labeledHeadline {
		font-size: 0;
		
		> h1,
		> h2 {
			display: inline-block;
			margin-right: 10px;
		}
		
		> ul {
			display: inline-block;
			font-size: 1rem;
			
			&:not(:empty) {
				margin-right: 10px;
			}
		}
	}
}

.containerHeadline {
	> h3 {
		@extend .wcfFontHeadline;
		
		> .badge {
			margin-left: 5px;
		}
	}
}