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