gtk-4.0/widgets/_calendar.scss 1.0 K raw
1
/************
2
 * Calendar *
3
 ***********/
4
calendar {
5
  color: $text_color;
6
  border: 1px solid $borders_color;
7
  font-feature-settings: "tnum";
8
9
  > header {
10
    border-bottom: 1px solid $borders_color;
11
12
    > button {
13
      border: none;
14
      box-shadow: none;
15
      background: none;
16
      border-radius: 0;
17
    }
18
    > button:backdrop {
19
      background: none;
20
    }
21
  }
22
23
  > grid {
24
    > label.day-name {
25
    }
26
27
    > label.week-number {
28
    }
29
30
    > label.today {
31
      box-shadow: inset 0px -2px $selected_bg_color;
32
33
      &:selected {
34
        box-shadow: none;
35
      }
36
    }
37
38
    > label:focus {
39
      outline-color: $selected_bg_color;
40
      outline-offset: -2px;
41
      outline-width: 2px;
42
      outline-style: solid;
43
    }
44
45
    > label.day-number {
46
      padding: 4px;
47
48
      &:selected{
49
        @extend %selected_items;
50
        border-radius: 3px;
51
      }
52
53
      &:checked {
54
        background-color: gtkalpha($selected_bg_color, 0.3);
55
      }
56
    }
57
58
    > label.day-number.other-month {
59
      color: gtkalpha(currentColor, 0.3);
60
    }
61
  }
62
}