summaryrefslogtreecommitdiffstats
path: root/browser/components/shopping/content/settings.css
blob: cd0f497a236a97dc0c184bfc35bec2a38ee84203 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
/* 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/. */

@import url("chrome://global/skin/in-content/common.css");

#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;
      }
    }
  }
}