Updating an Unsupported 3.1.3 Style to 3.3.10

[cabot]

A wink to AC/DC? :9

Yup

So I need to upload _custom_config.scss and _custom.scss - correct?

The other 3 files were uploaded yesterday - as soon as I updated them.

You don't need to do anything more than install the style: the archive contains the 3.3.10 style with the modified scss files.

Edit: But there are a few compilation errors with the @extend rule, and we'd have to add placeholder selectors to some compound selectors. (ref)
Same as here: https://www.phpbb.com/customise/db/styl ... pic/221951
I'll give you the changes to be made in the few files concerned.

Edit2:
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;

This won't change the way your style is displayed, but it will help you avoid compilation errors in the future.

[Aevik]

So.. as of today - the style is now fully updated to 3.3.10

I can tell you that 'absolutely everything' on the board and ACP is working perfectly -- so the update was a complete success!

BIG THANKS to everyone here who helped with the process, and especially cabot- who made the final changes.


Cheers!