gtk-3.0/widgets/_windows.scss 3.8 K raw
1
/**********************
2
 * Window Decorations *
3
 *********************/
4
decoration {
5
  border-radius: 4px 4px 0 0;
6
7
  // lamefun trick to get rounded borders regardless of CSD use
8
  border-width: 0px;
9
10
  // this needs to be transparent
11
  // see bug #722563
12
  $_wm_border: if($variant=='light', transparentize(black, 0.77), transparentize($borders_color, 0.1));
13
  $_wm_border_backdrop: if($variant=='light', transparentize(black, 0.82), transparentize($borders_color, 0.1));
14
15
    // lamefun trick to get rounded borders regardless of CSD use
16
  border-width: 0px;
17
18
  box-shadow: 0 4px 10px 2px transparentize(#211A1E, 0.6);
19
  // FIXME rationalize shadows
20
21
  // this is used for the resize cursor area
22
  margin: 10px;
23
24
  &:backdrop {
25
    // the transparent shadow here is to enforce that the shadow extents don't
26
    // change when we go to backdrop, to prevent jumping windows.
27
    // The biggest shadow should be in the same order then in the active state
28
    // or the jumping will happen during the transition.
29
    box-shadow: 0 4px 10px 2px transparentize(#211A1E, 0.8);
30
    transition: $backdrop_transition;
31
  }
32
33
  .maximized &,
34
  .fullscreen &,
35
  .tiled & { border-radius: 0; }
36
37
  .popup & { box-shadow: none; }
38
39
  // server-side decorations as used by mutter
40
  .ssd & { box-shadow: none; } //just doing borders, wm draws actual shadows
41
42
  .csd.popup & {
43
    border-radius: 7px;
44
    box-shadow: 0 4px 8px $menu_shadow_color;
45
    border: 1px solid transparentize($borders_color, 0.3);
46
  }
47
48
  tooltip.csd & {
49
    border-radius: 5px;
50
    box-shadow: none;
51
  }
52
53
  messagedialog.csd & {
54
    border-radius: 7px;
55
    box-shadow: 0 1px 2px transparentize(black, 0.8),
56
                  0 0 0 1px transparentize($_wm_border,0.1);
57
  }
58
59
  .solid-csd & {
60
    border-radius: 0;
61
    margin: 0px;
62
    background-color: $backdrop_bg_color;
63
    border: solid 1px $backdrop_borders_color;
64
    box-shadow: none;
65
  }
66
}
67
68
// Window Close button
69
button.titlebutton {
70
  background-repeat: no-repeat;
71
  background-position: center;
72
  min-height: 20px;
73
  padding: 0 1px;
74
  box-shadow: none;
75
  
76
  &.close {
77
    background-image: -gtk-scaled(url("../assets/close.png"),url("../assets/close@2.png"));
78
    &:hover,&:active {
79
      background-image: -gtk-scaled(url("../assets/close_prelight.png"),url("../assets/close_prelight@2.png"));
80
    }
81
  }
82
  &.maximize {
83
    background-image: -gtk-scaled(url("../assets/maximize.png"),url("../assets/maximize@2.png"));
84
    &:hover,&:active {
85
      background-image: -gtk-scaled(url("../assets/maximize_prelight.png"),url("../assets/maximize_prelight@2.png"));
86
    }
87
  }
88
  &.minimize {
89
    background-image: -gtk-scaled(url("../assets/min.png"),url("../assets/min@2.png"));
90
    &:hover,&:active {
91
      background-image: -gtk-scaled(url("../assets/min_prelight.png"),url("../assets/min_prelight@2.png"));
92
    }
93
  }
94
95
  .selection-mode & {
96
    @extend %button.flat.suggested-action;
97
98
    @extend %nobg_selected_items;
99
  }
100
101
  &:backdrop { 
102
    -gtk-icon-shadow: none; 
103
    background-image: -gtk-scaled(url("../assets/close_unfocused.png"),url("../assets/close_unfocused@2.png"));
104
  }
105
}
106
107
headerbar.selection-mode button.titlebutton,
108
.titlebar.selection-mode button.titlebutton {
109
  @include _button_text_shadow(white, $selected_bg_color);
110
111
  &:backdrop { -gtk-icon-shadow: none; }
112
}
113
114
115
// catch all extend :)
116
117
%selected_items {
118
  background-color: $selected_bg_color;
119
120
  @at-root %nobg_selected_items, & {
121
    color: $selected_fg_color;
122
    font-weight: bold;
123
    //&:hover{background-color: transparent;}
124
    @if $variant == 'light' { outline-color: transparentize($selected_fg_color, 0.7); }
125
126
    &:disabled { color: mix($selected_fg_color, $selected_bg_color, 50%); }
127
128
    &:backdrop {
129
      color: $backdrop_selected_fg_color;
130
131
      &:disabled { color: mix($backdrop_selected_fg_color, $selected_bg_color, 30%); }
132
    }
133
  }
134
}
135
136
.monospace { font-family: Monospace; }