User:Moebeus/common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/*from argyleink off Twitter*/
@media (prefers-reduced-motion: no-preference) {
  :focus {
    transition: outline-offset .25s ease;
    outline-offset: 5px;
  }
}

/* trying to save some space: value <> references */
.ui-toggler.ui-state-default, .wikibase-statementview-references-heading {
  margin-top: 0;
}
/* trying to save some space: spacing between block of statements. For continuous mode set to -1px */
.wikibase-statementgroupview {
  margin-bottom: 0.6em;
}
/* trying to save some space: tricks from @jhosby */

  /* use a grid layout for item pages */
.wb-item {
  display: grid;
  
  /* .wb-item contains two divs, one with the labels and statements, the other
   * with the sitelinks, so give the grid two columns, set the width of the
   * first column automatically and set the width of the second column to 25%
   * of the window width, with a minimum value of 15em (arbitrary value based
   * on what I think looks ok) and maximum value of 26em (the width on
   * .wikibase-sitelinkgrouplistview when the window at least 1570px wide */
  grid-template-columns: auto clamp(15em, 25vw, 26em);

  /* make sure there is space between the columns */
  grid-gap: 2em;
}

.wb-item .wikibase-entityview-side {
  /* put the div containing the sitelinks in the second column */
  grid-column: 2;
}