Black

Fixing compilation errors - Black

Fixing compilation errors

by cabot » Sat Jul 22, 2023 12:14 pm

Hello,

There are a few compilation errors with the @extend rule, and we'd have to add placeholder selectors to some compound selectors. (ref)

Open theme/common/_content.scss
Find:

Code: Select all

dl.faq {
Remplace with:

Code: Select all

%dl-faq, dl.faq {
Find:

Code: Select all

.content dl.faq {
	@extend dl.faq;
	margin-bottom: 0.5em;
}
Replace with:

Code: Select all

.content dl.faq {
	@extend %dl-faq;
	margin-bottom: 0.5em;
}
Open theme/common/_imageset.scss
Find:

Code: Select all

.icon-members {
	@extend %icon-image-fa;
	&:after {
		content: '\f007';	// fa-user
	}
	&:before {
		@extend .icon-members:after;
		display: block;
		font-size: 10px;
		padding: 0;
		padding-left: 4px;
		padding-top: 1px;
		opacity: .7;
	}
}
ul.linklist.bulletin > li.small-icon.icon-members:before { 
	@extend .icon-members:before; 
}
Replace with:

Code: Select all

.icon-members {
	@extend %icon-image-fa;
	%icon-members-after, &:after {
		content: '\f007';	// fa-user
	}
	%icon-members-before, &:before {
		@extend %icon-members-after;
		display: block;
		font-size: 10px;
		padding: 0;
		padding-left: 4px;
		padding-top: 1px;
		opacity: .7;
	}
}
ul.linklist.bulletin > li.small-icon.icon-members:before {
	@extend %icon-members-before;
}
Find:

Code: Select all

.icon-team {
	@extend %icon-image-fa;
	&:after {
		content: '\f007';	// fa-user
	}
	&:before {
		@extend .icon-team:after;
		display: block;
		font-size: 10px;
		padding: 0;
		white-space: nowrap;
		padding-top: 1px;
		opacity: .7;
		content: '\f007\f007';	// fa-user fa-user
	}
}
ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
.icon-ucp {
	@extend %icon-image-fa;
	&:after {
		content: '\f0ad';	// fa-wrench
	}
}
Replace with:

Code: Select all

.icon-team {
	@extend %icon-image-fa;
	%icon-team-after, &:after {
		content: '\f007';	// fa-user
	}
	%icon-team-before, &:before {
		@extend %icon-team-after;
		display: block;
		font-size: 10px;
		padding: 0;
		white-space: nowrap;
		padding-top: 1px;
		opacity: .7;
		content: '\f007\f007';	// fa-user fa-user
	}
}
ul.linklist.bulletin > li.small-icon.icon-team:before { @extend %icon-team-before; }
.icon-ucp {
	@extend %icon-image-fa;
	&:after {
		content: '\f0ad';	// fa-wrench
	}
}
Open theme/common/_links.scss
Find:

Code: Select all

// Links for forum/topic lists
a.forumtitle {
Replace with:

Code: Select all

// Links for forum/topic lists
%a-forumtitle, a.forumtitle {
Find:

Code: Select all

a.topictitle {
	@extend a.forumtitle;
Replace with:

Code: Select all

a.topictitle {
	@extend %a-forumtitle;
User avatar
cabot
Jr. Style Validator
Posts: 1010
Joined: Sat Jan 07, 2012 4:16 pm