RoundAvatars

RoundAvatars is a stylesheet created by JustLeafy.
== Description ==
It is a stylesheet which crops avatars until they are round, so that they can look similarly like the avatars in the Fandom Design System.
== Code ==
== Configuration ==
Without any configuration avatars will be rounded which 2px border which is colored automatically based on the wiki's theme. You can customize the bar by changing the CSS variables contained in :root. Currently supported variables are:
Variable 	Description 	Default value	Notes
--avatar-border 	Width of avatars' border	2px 	0 will disable avatars' border
--avatar-border-color	Avatars' border color 	currentColor 	currentColor represents the same color of text. By default, in light wikis, it will be light black (#3a3a3a) and in dark wikis, it will be dark white (#d5d4d4).
== Update Log ==
Date 	Description
July 18 2017 	
*Initial release
August 20 2017 	
*Fixed padding issue in wall history pages.
September 4 2017 	
*Minimized the code so that it only has two rows instead of three (merged border-width with border-color to border).
*Release of RoundAvatars/Fixes, due to the fact that this stylesheet had a bunch of issues.
September 29 2017	
*Removed the second code in RoundAvatars/Fixes, because it didn't fix all of the issues of this stylesheet, it ruined the padding of some avatars and it affected the avatars in the global navigation.
*Minimized the code in RoundAvatar/Fixes, to make it more simplified.
November 30 2017 	
*Instead of a separate stylesheet for fixes, both the original code and the fixes have been combined into one stylesheet.
*Expanded the code so that more themes are available. Instead of rounded avatars with light borders, now there are rounded avatars with dark borders or no borders available.
*Fixed issue where the border width of the avatar in a closed, removed or deleted thread message was excessive.
April 4 2018 	Reworked the stylesheet.
July 30 2018 	borders.css and noborders.css integrated into a single stylesheet with support of CSS Variables (credits go to Pedyjczyk for the CSS variable support).
October 31, 2020 	Archived stylesheet, since the avatars are by default round, but it gives out two new CSS plug-ins: RoundedAvatarCorners and SquareAvatars.
Category:CSS