You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
49 lines
893 B
49 lines
893 B
/* define vertical gridbox container */
|
|
.confirmation-container {
|
|
height: 300px;
|
|
display: grid;
|
|
grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
|
|
grid-row-gap: 20px;
|
|
font-family: 'Trebuchet MS';
|
|
}
|
|
/* top container for confirmation headline */
|
|
confirmation-header {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
align-items: start;
|
|
}
|
|
/* containers for details below headline */
|
|
confirmation-details-1 {
|
|
grid-column: 1;
|
|
grid-row: 2/3;
|
|
justify-items: start;
|
|
}
|
|
confirmation-details-2 {
|
|
grid-column: 1;
|
|
grid-row: 3/4;
|
|
justify-items: start;
|
|
}
|
|
confirmation-details-3 {
|
|
grid-column: 1;
|
|
grid-row: 4/5;
|
|
justify-items: start;
|
|
}
|
|
/* bottom container for action buttons */
|
|
confirmation-footer {
|
|
grid-column: 1;
|
|
grid-row: 5;
|
|
justify-items: end;
|
|
}
|
|
|
|
/* classes for successful / failed renting */
|
|
.success {
|
|
color: green;
|
|
}
|
|
.failure {
|
|
color: red;
|
|
}
|
|
|
|
/* confirmation symbol */
|
|
.confirmation-symbol {
|
|
margin: 10px;
|
|
} |