CSS Class for keycaps. Used in my GitHub Pages Blog ("minimal mistakes" theme) inside the /assets/css/main.scss file

keycap.css

// class für Keycaps
.keycap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.4em !important;      /* Breite kann je nach Geschmack/für Doppelzeichen angepasst werden */
  height: 1.3em !important;         /* Höhe bestimmt die Einheitlichkeit */
  border-radius: 0.2em !important;  /* Wert für abgerundete Ecken (z. B. 0.5em bis 0.8em) */
  background: #c5cfed !important;   /* Hintergrundfarbe */
  border: 2px solid #242424;        /* Rahmenfarbe */
  font-size: 1.0em !important;      /* Schriftgröße */
  font-family: inherit;             /* Schriftart */
  font-style: normal !important;
  margin: 0.1em;                    /* Abstand zu anderen Symbolen */
  box-sizing: border-box;
  font-weight: normal !important;
  padding: 0 0.15em !important;
}