avatar.pcss in primer_view_components-0.2.0

- old
+ new

@@ -4,11 +4,11 @@
   display: inline-block;
   overflow: hidden; /* Ensure page layout in Firefox should images fail to load */
   line-height: 1;
   vertical-align: middle;
   background-color: var(--color-avatar-bg); /* adds opaque bg to transparent avatars */
-  border-radius: var(--borderRadius-medium, 6px);
+  border-radius: var(--borderRadius-medium);
   flex-shrink: 0;
   box-shadow: 0 0 0 1px var(--color-avatar-border);
 }
 
 .avatar-link {
@@ -25,49 +25,49 @@
 /* Border radius */
 
 .avatar-1,
 .avatar-2,
 .avatar-small {
-  border-radius: var(--borderRadius-small, 4px);
+  border-radius: var(--borderRadius-small);
 }
 
 /* Sizes */
 
 .avatar-1 {
-  width: var(--base-size-16, 16px);
-  height: var(--base-size-16, 16px);
+  width: var(--base-size-16);
+  height: var(--base-size-16);
 }
 
 .avatar-2 {
-  width: var(--base-size-20, 20px);
-  height: var(--base-size-20, 20px);
+  width: var(--base-size-20);
+  height: var(--base-size-20);
 }
 
 .avatar-3 {
-  width: var(--base-size-24, 24px);
-  height: var(--base-size-24, 24px);
+  width: var(--base-size-24);
+  height: var(--base-size-24);
 }
 
 .avatar-4 {
-  width: var(--base-size-28, 28px);
-  height: var(--base-size-28, 28px);
+  width: var(--base-size-28);
+  height: var(--base-size-28);
 }
 
 .avatar-5 {
-  width: var(--base-size-32, 32px);
-  height: var(--base-size-32, 32px);
+  width: var(--base-size-32);
+  height: var(--base-size-32);
 }
 
 .avatar-6 {
-  width: var(--base-size-40, 40px);
-  height: var(--base-size-40, 40px);
+  width: var(--base-size-40);
+  height: var(--base-size-40);
 }
 
 .avatar-7 {
-  width: var(--base-size-48, 48px);
-  height: var(--base-size-48, 48px);
+  width: var(--base-size-48);
+  height: var(--base-size-48);
 }
 
 .avatar-8 {
-  width: var(--base-size-64, 64px);
-  height: var(--base-size-64, 64px);
+  width: var(--base-size-64);
+  height: var(--base-size-64);
 }