css-sandbox/dropdown/style.css

@import 'dropdown.css';

:root {
  --background: rgb(202, 225, 233);

  --dropdown-background: rgb(202, 225, 233);
  --dropdown-background-highlight: rgb(144, 212, 235);
}

/* Add nodebug class to any parent field (e.g. body) to turn off coloring */
.nodebug { --color-form: transparent; --color-field: transparent; --color-label: transparent; --color-input: transparent; }

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--background);
}

.body--centered {
  align-items: center;
}

.show-case {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 1em;
  max-width: 750px;
}

.show-case--big {
  align-items: stretch;
}