Sha256: 5d59dc2071b3f55d744db6007720edd8f2d7f9481568b32c41e5b704536c326b

Contents?: true

Size: 1.38 KB

Versions: 20

Compression:

Stored size: 1.38 KB

Contents

/* 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(--primer-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(--primer-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);
}

Version data entries

20 entries across 20 versions & 1 rubygems

Version Path
primer_view_components-0.1.6 app/components/primer/beta/avatar.pcss
primer_view_components-0.1.5 app/components/primer/beta/avatar.pcss
primer_view_components-0.1.4 app/components/primer/beta/avatar.pcss
primer_view_components-0.1.3 app/components/primer/beta/avatar.pcss
primer_view_components-0.1.2 app/components/primer/beta/avatar.pcss
primer_view_components-0.1.1 app/components/primer/beta/avatar.pcss
primer_view_components-0.1.0 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.123 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.122 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.121 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.120 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.119 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.118 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.117 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.116 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.115 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.114 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.113 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.112 app/components/primer/beta/avatar.pcss
primer_view_components-0.0.111 app/components/primer/beta/avatar.pcss