accenty/stylesheet.css at main · FJLessing/accenty · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
.accenty-popup {
  background-color: rgba(35, 35, 35, 0.91);
  border-radius: 2px;
  padding: 8px;
  spacing: 6px;
  transition: all 250ms cubic-bezier(0.1, 1, 0.3, 1);
  transition-origin: center;
  box-shadow: 0 4px 8px rgba(35, 35, 35, 0.2);
}

.accenty-button {
  font-size: 28px;
  background-color: rgba(35, 35, 35, 0.5);
  border-radius: 4px;
  padding: 12px 16px;
  color: white;
  transition: all 200ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition-origin: center;
}

.accenty-button:hover,
.accenty-button:focus {
  background-color: rgba(237, 253, 255, 0.57);
  color: rgb(35, 35, 35);
  transform: translateY(-2px);
}

.accenty-button-selected {
  background-color: rgb(249, 175, 110);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
}

.accenty-button:hover,
.accenty-button:focus,
.accenty-button-selected {
  cursor: pointer;
  color: rgb(35, 35, 35);
}

.accenty-button:active {
  transform: translateY(1px);
  transition: all 100ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
}