1popover.background {
2  background-color: transparent;
3  font: initial; // Decouple the font of popovers from their entry/textview
4
5  > arrow,
6  > contents {
7    $_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25));
8
9    background-color: $menu_color;
10    color: $text_color;
11    background-clip: padding-box;
12    border: 1px solid $_popover_border;
13    box-shadow: 0 1px 2px transparentize(black, 0.7);
14
15    @if $variant == 'dark' {
16      $_popover_outline: if($contrast=='high', transparentize(white, .7), transparentize(white, .9));
17
18      // Add an outline and move border to box-shadow instead
19      background-clip: border-box;
20      border-color: $_popover_outline;
21      box-shadow: 0 0 0 1px $_popover_border,
22                  0 1px 2px 1px transparentize(black, 0.7);
23    }
24  }
25
26  > contents {
27    padding: 8px;
28    border-radius: $popover_radius;
29
30    > list,
31    > .view,
32    > toolbar {
33      border-style: none;
34      background-color: transparent;
35    }
36  }
37
38  .osd &.background,
39  &.touch-selection,
40  &.magnifier {
41    background-color: transparent;
42
43    > arrow,
44    > contents {
45      @extend %osd;
46
47      border: 1px solid transparentize(white, 0.9);
48      box-shadow: none;
49    }
50  }
51}
52