chore: Added x48 avatar size (#170)

b69d7003 · gabriellsh · GitHub · 834b22e7 · 834b22e7 · b69d7003
Unverified Commit b69d7003 authored Mar 16, 2020 by gabriellsh Committed by GitHub Mar 16, 2020
--- a/packages/fuselage/.loki/reference/chrome_iphone7_Misc_Avatar_Default_Story.png
+++ b/packages/fuselage/.loki/reference/chrome_iphone7_Misc_Avatar_Default_Story.png
--- a/packages/fuselage/.loki/reference/chrome_laptop_Misc_Avatar_Default_Story.png
+++ b/packages/fuselage/.loki/reference/chrome_laptop_Misc_Avatar_Default_Story.png
--- a/packages/fuselage/src/components/Avatar/stories.mdx
+++ b/packages/fuselage/src/components/Avatar/stories.mdx
@@ -9,7 +9,7 @@ import { Avatar, Margins } from '../..';
 <Preview>
  <Story name='Default'>
    <Margins all='x16'>
-      {['x2', 'x4', 'x8', 'x12', 'x16', 'x20', 'x24', 'x28', 'x32', 'x36', 'x40'].map((size, i) =>
+      {['x2', 'x4', 'x8', 'x12', 'x16', 'x20', 'x24', 'x28', 'x32', 'x36', 'x40', 'x48'].map((size, i) =>
        <Avatar
          url='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC
            4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL/2wBDAQkJCQwLDBgNDRgyIRwhMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMj

--- a/packages/fuselage/src/components/Avatar/styles.scss
+++ b/packages/fuselage/src/components/Avatar/styles.scss
@@ -18,4 +18,9 @@
  }

  @include use-size-modifier;
+
+  &--size-x48 {
+    width: calc(#{$spaces-x40} + #{$spaces-x8});
+    height: calc(#{$spaces-x40} + #{$spaces-x8});
+  }
 }