Added radius values for avatar

3 years ago · 2f4231107d
3 changed files with 36 additions and 0 deletions
--- a/css/skeleton-auto.css
+++ b/css/skeleton-auto.css
@ -194,3 +194,15 @@ hr {
  border-width: 0;
  border-top: 1px solid #e1e1e1;
 }
+/* Radius values:
+
+10%-40%: Squircles
+50% (default): True circle
+*/
+.avatar {
+  width: 128px;
+  height: 128px;
+  object-fit: cover;
+  background-position: center;
+  border-radius: 50%;
+}
--- a/css/skeleton-dark.css
+++ b/css/skeleton-dark.css
@ -194,3 +194,15 @@ hr {
  border-width: 0;
  border-top: 1px solid #e1e1e1;
 }
+/* Radius values:
+
+10%-40%: Squircles
+50% (default): True circle
+*/
+.avatar {
+  width: 128px;
+  height: 128px;
+  object-fit: cover;
+  background-position: center;
+  border-radius: 50%;
+}
--- a/css/skeleton-light.css
+++ b/css/skeleton-light.css
@ -194,3 +194,15 @@ hr {
  border-width: 0;
  border-top: 1px solid #e1e1e1;
 }
+/* Radius values:
+
+10%-40%: Squircles
+50% (default): True circle
+*/
+.avatar {
+  width: 128px;
+  height: 128px;
+  object-fit: cover;
+  background-position: center;
+  border-radius: 50%;
+}