gtk-4.0/widgets/_toolbars.scss 1.4 K raw
1
/************
2
 * Toolbars *
3
 ************/
4
%toolbar {
5
  padding: 4px;
6
  background-color: $bg_color;
7
}
8
9
toolbar {
10
  @extend %toolbar;
11
12
  padding: 4px 3px 3px 4px;
13
14
  // on OSD
15
  .osd & { background-color: transparent; }
16
17
  // stand-alone OSD toolbars
18
  &.osd {
19
    padding: 13px;
20
    border: none;
21
    border-radius: 5px;
22
    background-color: $osd_bg_color;
23
24
    &.left,
25
    &.right,
26
    &.top,
27
    &.bottom { border-radius: 0; } // positional classes for `attached` osd toolbars
28
  }
29
30
  // toolbar separators
31
  &.horizontal separator { margin: 0 7px 1px 6px; }
32
  &.vertical separator { margin: 6px 1px 7px 0; }
33
34
  &:not(.inline-toolbar):not(.osd) {
35
    switch,
36
    scale,
37
    entry,
38
    spinbutton,
39
    button {
40
      margin-right: 1px;
41
      margin-bottom: 1px;
42
    }
43
  }
44
}
45
46
//searchbar, location-bar & inline-toolbar
47
.inline-toolbar {
48
  @extend %toolbar;
49
50
  @extend %darkbar;
51
52
  padding: 3px;
53
  border-width: 0 1px 1px;
54
  border-radius: 0  0 5px 5px;
55
}
56
57
searchbar > revealer > box {
58
  @extend %toolbar;
59
60
  @extend %darkbar;
61
62
  border-width: 0 0 1px;
63
  padding: 5px;
64
}
65
66
%darkbar {
67
  border-style: solid;
68
  border-color: $borders_color;
69
  $_bg: mix($bg_color, $borders_color, 70%);
70
  background-color: $_bg;
71
72
  &:backdrop {
73
    border-color: $backdrop_borders_color;
74
    background-color: $backdrop_dark_fill;
75
    box-shadow: none;
76
    transition: $backdrop_transition;
77
  }
78
}
79
80
searchbar{
81
  background: $base_color;
82
}