vuetify/lib/labs/VPicker/VPicker.css

Vue Material Component Framework

@layer vuetify-components {
  .v-picker.v-sheet {
    display: grid;
    grid-auto-rows: min-content;
    grid-template-areas: "header" "body";
    grid-template-columns: minmax(0, 1fr);
    overflow: hidden;
  }
  .v-picker.v-sheet {
    box-shadow: 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-key-opacity, 0.3)), 0px 0px 0px 0px rgba(var(--v-shadow-color), var(--v-shadow-ambient-opacity, 0.15));
    --v-elevation-overlay: color-mix(in srgb, var(--v-elevation-overlay-color) 0%, transparent);
  }
  .v-picker.v-sheet {
    border-radius: 4px;
  }
  .v-picker.v-sheet.v-picker--with-actions {
    grid-template-areas: "header" "body" "actions";
  }
  .v-picker.v-sheet.v-picker--landscape {
    grid-template-columns: auto 1fr;
    grid-template-areas: "header body" "header body";
  }
  .v-picker.v-sheet.v-picker--landscape.v-picker--with-actions {
    grid-template-areas: "header body" "header actions";
  }
  .v-picker__body {
    grid-area: body;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .v-picker__header-wrapper {
    grid-area: header;
  }
  .v-picker__actions {
    grid-area: actions;
    padding: 0 12px 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .v-picker__actions .v-btn {
    min-width: 48px;
  }
  .v-picker__actions .v-btn:not(:last-child) {
    margin-inline-end: 8px;
  }
  .v-picker--divided .v-picker__header {
    border-bottom-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-bottom-style: solid;
    border-bottom-width: thin;
  }
  .v-picker-title {
    text-transform: uppercase;
    font-size: 0.75rem;
    padding-inline: 24px 12px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 400;
    letter-spacing: 0.1666666667em;
  }
}