gtk-3.0/widgets/_infobars.scss 2.3 K raw
1
/**************
2
 * GtkInfoBar *
3
 **************/
4
%infobar,
5
infobar {
6
  text-shadow: none;
7
  color: $fg_color;
8
  background-color: $bg_color;
9
  border-bottom:1px solid darken($bg_color,10%);
10
  box-shadow: 0 1px 0 0 transparentize(black, 0.95),
11
              0 1px 2px 0 transparentize(black, 0.85);
12
13
}
14
15
%color_infobar {
16
17
  @extend %infobar;
18
19
  text-shadow: none;
20
  color: $selected_fg_color;
21
  border:none;
22
23
  .label {
24
    color: $selected_fg_color;
25
26
    &:backdrop {
27
      color: $backdrop_selected_fg_color;
28
    }
29
  }
30
31
  button {
32
    border-radius: 2px;
33
    border: none;
34
    background: transparentize($base_color, 0.02);
35
    color: $fg_color;
36
    box-shadow: 0 1px 0 0 transparentize(black, 0.8);
37
38
    .label {
39
      color: $fg_color;
40
    }
41
42
    &:active {
43
      background: $base_color;
44
      color: $fg_color;
45
46
      box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
47
48
      &:backdrop {
49
        background: transparentize($base_color, 0.2);
50
        color: transparentize($fg_color, 0.5);
51
        box-shadow: none;
52
      }
53
    }
54
55
    &:hover,
56
    &:focus {
57
      box-shadow: 0 1px 2px 0 transparentize(black, 0.6);
58
    }
59
60
    &:disabled {
61
      background: transparentize($base_color, 0.4);
62
      color: transparentize($fg_color, 0.5);
63
      box-shadow: none;
64
65
        &:backdrop {
66
          background: transparentize($base_color, 0.5);
67
          color: transparentize($fg_color, 0.5);
68
          box-shadow: none;
69
        }
70
    }
71
72
    &:backdrop {
73
      background: transparentize($base_color, 0.2);
74
      color: transparentize($fg_color, 0.5);
75
      box-shadow: none;
76
    }
77
  }
78
}
79
80
.info {
81
  @extend %color_infobar;
82
  background-color: $info_color;
83
84
  &:backdrop {
85
    background-color:lighten($info_color,10%);
86
    color: $backdrop_selected_fg_color;
87
  }
88
}
89
90
.warning {
91
  @extend %color_infobar;
92
  background-color: $warning_color;
93
94
  &:backdrop {
95
    background-color:lighten($warning_color,10%);
96
    color: $backdrop_selected_fg_color;
97
  }
98
}
99
100
.question {
101
  @extend %color_infobar;
102
  background-color: $question_color;
103
104
  &:backdrop {
105
    background-color:lighten($question_color,10%);
106
    color: $backdrop_selected_fg_color;
107
  }
108
109
}
110
111
.error {
112
  @extend %color_infobar;
113
  background-color: $error_color;
114
115
  &:backdrop {
116
    background-color:lighten($error_color,10%);
117
    color: $backdrop_selected_fg_color;
118
  }
119
}