Jump to content

Template:Item/styles.css

From PokeNexus Wiki
/* ==========================================================
   PokeNexus Wiki — Item

   Item-specific styles only.

   Shared entity layout / infobox styles live in:
   Template:Entity layout/styles.css
   ========================================================== */

/* ==========================================================
   Item article
   ========================================================== */

.pn-item {
  margin-block-start: 0;
}

/* ==========================================================
   Item infobox proportions
   ========================================================== */

.pn-item .pn-infobox__title {
  padding-block: 0.65rem;

  font-size: 1.25rem;
}

/*
 * Item sprites are 24 × 24 pixels.
 *
 * Keep the sprite at its native size and give it a compact
 * presentation area rather than a large artwork panel.
 */

.pn-item .pn-infobox__media {
  min-height: 0;

  padding: 0.85rem 1rem;
}

.pn-item .pn-infobox__media .mw-file-element {
  width: 24px;
  max-width: 24px;

  height: 24px;
  max-height: 24px;

  object-fit: contain;

  image-rendering: pixelated;
}

/* ==========================================================
   Item infobox rows
   ========================================================== */

.pn-item .pn-infobox__label,
.pn-item .pn-infobox__value {
  padding: 0.5rem 0.75rem;
}

.pn-item .pn-infobox__label {
  flex-basis: 42%;
}

.pn-item .pn-infobox__value {
  overflow-wrap: anywhere;
}