Sha256: 25804e40c41fa39bf39c45d16e533047ddf0f8b182022177f49edef7603d1a40

Contents?: true

Size: 1.43 KB

Versions: 18

Compression:

Stored size: 1.43 KB

Contents

/* avatar */

.avatar {
  display: inline-block;
  overflow: hidden; /* Ensure page layout in Firefox should images fail to load */
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
  vertical-align: middle;
  background-color: var(--avatar-bgColor); /* adds opaque bg to transparent avatars */
  border-radius: var(--borderRadius-medium);
  flex-shrink: 0;
  /* stylelint-disable-next-line primer/box-shadow */
  box-shadow: 0 0 0 1px var(--avatar-borderColor);
}

.avatar-link {
  float: left;
  /* stylelint-disable-next-line primer/typography */
  line-height: 1;
}

/* User for example on /stars and /user for grids of avatars */
.avatar-group-item {
  display: inline-block;
  margin-bottom: var(--base-size-4);
}

/* Border radius */

.avatar-1,
.avatar-2,
.avatar-small {
  border-radius: var(--borderRadius-small);
}

/* Sizes */

.avatar-1 {
  width: var(--base-size-16);
  height: var(--base-size-16);
}

.avatar-2 {
  width: var(--base-size-20);
  height: var(--base-size-20);
}

.avatar-3 {
  width: var(--base-size-24);
  height: var(--base-size-24);
}

.avatar-4 {
  width: var(--base-size-28);
  height: var(--base-size-28);
}

.avatar-5 {
  width: var(--base-size-32);
  height: var(--base-size-32);
}

.avatar-6 {
  width: var(--base-size-40);
  height: var(--base-size-40);
}

.avatar-7 {
  width: var(--base-size-48);
  height: var(--base-size-48);
}

.avatar-8 {
  width: var(--base-size-64);
  height: var(--base-size-64);
}

Version data entries

18 entries across 18 versions & 2 rubygems

Version Path
primer_view_components-0.36.5 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.52.2 app/components/primer/beta/avatar.pcss
primer_view_components-0.36.4 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.52.1 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.52.0 app/components/primer/beta/avatar.pcss
primer_view_components-0.36.3 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.51.0 app/components/primer/beta/avatar.pcss
primer_view_components-0.36.2 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.50.1 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.50.0 app/components/primer/beta/avatar.pcss
primer_view_components-0.36.1 app/components/primer/beta/avatar.pcss
primer_view_components-0.36.0 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.49.2 app/components/primer/beta/avatar.pcss
primer_view_components-0.35.2 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.49.1 app/components/primer/beta/avatar.pcss
openproject-primer_view_components-0.49.0 app/components/primer/beta/avatar.pcss
primer_view_components-0.35.1 app/components/primer/beta/avatar.pcss
primer_view_components-0.35.0 app/components/primer/beta/avatar.pcss