mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-25 20:46:48 +00:00
e8de76dc46
As before, move imported css to partials to avoid duplication. And use mixin and variable to handle tooltip styling
64 lines
1.2 KiB
SCSS
64 lines
1.2 KiB
SCSS
.darkswarm {
|
|
// #search
|
|
@include placeholder(rgba(0, 0, 0, 0.4), #777);
|
|
|
|
.row .columns.variant-quantity-column {
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
|
|
.reveal-modal.product-bulk-modal {
|
|
width: 27em;
|
|
}
|
|
|
|
// Components to add variants to cart and change quantities
|
|
//
|
|
// They are not nested so that they can be used in modals.
|
|
|
|
@import "shop_partials/shop-inputs";
|
|
|
|
button.bulk-buy.variant-quantity {
|
|
background-color: transparent;
|
|
border: .1em solid $grey-200;
|
|
color: inherit;
|
|
width: 3.5rem;
|
|
}
|
|
|
|
button.bulk-buy-add.variant-quantity {
|
|
width: 2.4rem;
|
|
}
|
|
|
|
[type="number"].variant-quantity {
|
|
border: .1em solid $grey-200;
|
|
height: 2.5rem;
|
|
display: inline-block;
|
|
width: 2.5rem;
|
|
padding: 0;
|
|
text-align: center;
|
|
vertical-align: top;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: textfield;
|
|
|
|
&.bulk-buy {
|
|
width: 5rem;
|
|
}
|
|
}
|
|
|
|
// Hide number arrows on Chrome, Safari, Edge, Opera
|
|
.variant-quantity::-webkit-outer-spin-button,
|
|
.variant-quantity::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
.variant-bulk-buy-price-summary {
|
|
color: $disabled-med;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.variant-bulk-buy-quantity-label {
|
|
font-size: 0.875rem;
|
|
margin-bottom: .5em;
|
|
}
|