94 lines
1.4 KiB
CSS
94 lines
1.4 KiB
CSS
|
|
.img-product {
|
|
max-width: 20vh;
|
|
max-height: 20vh;
|
|
border-radius: 3vh;
|
|
justify-self: left;
|
|
}
|
|
|
|
.img-thumbnail {
|
|
max-width: 10vh;
|
|
max-height: 10vh;
|
|
border-radius: 3vh;
|
|
justify-self: left;
|
|
}
|
|
|
|
.buttonAddToBasket {
|
|
background-color: var(--c_blue_pastel);
|
|
color: var(--c_blue_dark);
|
|
border-color: var(--c_blue_dark);
|
|
}
|
|
|
|
#buttonCheckout, .buttonBuyNow {
|
|
background-color: var(--c_purple_pastel);
|
|
color: var(--c_purple_dark);
|
|
border-color: var(--c_purple_dark);
|
|
}
|
|
|
|
.button-increment, .button-decrement {
|
|
border: 2px solid darkgrey;
|
|
background-color: lightgray;
|
|
margin: 1vh 1vh;
|
|
width: 2.5vh;
|
|
height: 2.5vh;
|
|
border-radius: 1.25vh;
|
|
font-size: 2vh;
|
|
}
|
|
|
|
.container-input > input {
|
|
padding: 0vh 1vh;
|
|
border-radius: 0.5vh;
|
|
max-width: 7vh;
|
|
}
|
|
|
|
#basket {
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
|
|
/* Right column */
|
|
.rightcolumn {
|
|
min-width: fit-content;
|
|
}
|
|
|
|
th, td {
|
|
min-width: fit-content;
|
|
}
|
|
|
|
|
|
|
|
.category {
|
|
width: 12%;
|
|
}
|
|
.product {
|
|
width: 12%;
|
|
}
|
|
.variations {
|
|
width: 12%;
|
|
}
|
|
.currency {
|
|
width: 12%;
|
|
}
|
|
.cost-local-VAT-incl {
|
|
width: 10%;
|
|
}
|
|
.date-puchased, .date-received, .date-unsealed, .date-expiration, .date-consumed {
|
|
width: 6%;
|
|
}
|
|
.storage-location {
|
|
width: 12%;
|
|
}
|
|
.active {
|
|
width: 5%;
|
|
}
|
|
|
|
.row-new {
|
|
visibility: hidden;
|
|
}
|
|
|
|
textarea, select, input {
|
|
width: 100% !important;
|
|
}
|
|
|