Source code

Revision control

Copy as Markdown

Other Tools

/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
#shopping-settings-wrapper {
--shopping-settings-between-label-and-control-option-gap: 4px;
display: grid;
grid-template-rows: auto;
row-gap: 8px;
margin-top: 12px;
.shopping-settings-toggle-option-wrapper {
display: grid;
row-gap: var(--shopping-settings-between-label-and-control-option-gap);
}
#shopping-settings-opt-out-section {
display: grid;
justify-content: center;
#shopping-settings-opt-out-button {
display: flex;
align-items: center;
}
}
#powered-by-fakespot {
font-size: 12px;
color: var(--text-color-deemphasized);
}
#shopping-settings-toggles-section {
display: grid;
row-gap: 8px;
#shopping-ads-learn-more,
#shopping-auto-open-description {
margin-inline-end: 20px;
color: var(--text-color-deemphasized);
}
}
/* When `browser.shopping.experience2023.autoOpen` is true. */
&.shopping-settings-auto-open-ui-enabled {
--shopping-settings-between-options-gap: 12px;
row-gap: var(--shopping-settings-between-options-gap);
#shopping-settings-toggles-section {
display: grid;
row-gap: var(--shopping-settings-between-options-gap);
}
.divider {
border: var(--shopping-card-border-width) solid var(--shopping-card-border-color);
}
#shopping-settings-opt-out-section {
justify-content: flex-start;
row-gap: var(--shopping-settings-between-label-and-control-option-gap);
#shopping-settings-opt-out-button {
width: fit-content;
margin-inline-start: 0;
}
}
}
}