/*
   CSS styling examples for the Vaadin app.

   Visit https://vaadin.com/docs/styling/application-theme/ for more information.
*/

/* Example: CSS class name to center align the content . */
.centered-content {
  margin: 0 auto;
  max-width: 250px;
}

.transparent-button-without-edge {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer;
 }

/* Example: the style is applied only to the textfields which have the `bordered` class name. */
vaadin-text-field.bordered::part(input-field) {
  box-shadow: inset 0 0 0 1px var(--lumo-contrast-30pct);
  background-color: var(--lumo-base-color);
}

vaadin-app-layout::part(navbar) {
	border-bottom: 1px solid var(--lumo-contrast-10pct);
	min-height: unset;
	max-height: 20px;
/*	min-height: var(--lumo-size-xs); */
 }

/* None of this is working */
vaadin-app-layout::part(drawer) {
	width: unset;
	max-width: 200px;
	background-color: blue;
} 

/*
vaadin-text-area.test::part(input-field) {
	--lumo-font-family: "Courier";
}
	
vaadin-text-area.test2 > textarea {
	--lumo-font-family: "Courier";
}

vaadin-text-area.special::part(input-field) {
	border-color: orange;
}

vaadin-input-field-background.test3 {
	background-color: blue;
}

vaadin-button {
	background: orange;
}

vaadin-text-area > textarea {
	--lumo-font-family: "Courier";
}

vaadin-text-area::part(input-field) {
	background: orange;
	border: 1px solid blue;
	--lumo-font-family: "Courier";
	--vaadin-input-field-value-color: red;
}
*/
vaadin-text-area.courier {
	--lumo-font-family: "Courier";
}