app/components/yattho/beta/avatar.css in yattho_view_components-0.0.1 vs app/components/yattho/beta/avatar.css in yattho_view_components-0.1.1

- old
+ new

@@ -1,74 +2 @@ -/* avatar */ - -.avatar { - 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(--yattho-borderRadius-medium, 6px); - flex-shrink: 0; - box-shadow: 0 0 0 1px var(--color-avatar-border); -} - -.avatar-link { - float: left; - line-height: 1; -} - -/* User for example on /stars and /user for grids of avatars */ - -.avatar-group-item { - display: inline-block; - margin-bottom: 3px; -} - -/* Border radius */ - -.avatar-1, -.avatar-2, -.avatar-small { - border-radius: var(--yattho-borderRadius-small, 4px); -} - -/* Sizes */ - -.avatar-1 { - width: var(--base-size-16, 16px); - height: var(--base-size-16, 16px); -} - -.avatar-2 { - width: var(--base-size-20, 20px); - height: var(--base-size-20, 20px); -} - -.avatar-3 { - width: var(--base-size-24, 24px); - height: var(--base-size-24, 24px); -} - -.avatar-4 { - width: var(--base-size-28, 28px); - height: var(--base-size-28, 28px); -} - -.avatar-5 { - width: var(--base-size-32, 32px); - height: var(--base-size-32, 32px); -} - -.avatar-6 { - width: var(--base-size-40, 40px); - height: var(--base-size-40, 40px); -} - -.avatar-7 { - width: var(--base-size-48, 48px); - height: var(--base-size-48, 48px); -} - -.avatar-8 { - width: var(--base-size-64, 64px); - height: var(--base-size-64, 64px); -} +.avatar{background-color:var(--color-avatar-bg);border-radius:var(--yattho-borderRadius-medium,6px);box-shadow:0 0 0 1px var(--color-avatar-border);display:inline-block;flex-shrink:0;line-height:1;overflow:hidden;vertical-align:middle}.avatar-link{float:left;line-height:1}.avatar-group-item{display:inline-block;margin-bottom:3px}.avatar-1,.avatar-2,.avatar-small{border-radius:var(--yattho-borderRadius-small,4px)}.avatar-1{height:var(--base-size-16,16px);width:var(--base-size-16,16px)}.avatar-2{height:var(--base-size-20,20px);width:var(--base-size-20,20px)}.avatar-3{height:var(--base-size-24,24px);width:var(--base-size-24,24px)}.avatar-4{height:var(--base-size-28,28px);width:var(--base-size-28,28px)}.avatar-5{height:var(--base-size-32,32px);width:var(--base-size-32,32px)}.avatar-6{height:var(--base-size-40,40px);width:var(--base-size-40,40px)}.avatar-7{height:var(--base-size-48,48px);width:var(--base-size-48,48px)}.avatar-8{height:var(--base-size-64,64px);width:var(--base-size-64,64px)} \ No newline at end of file