template-playground/src/index.css at d829abbce790c0884f6a09a3ab216529c9e10f33 · accordproject/template-playground · 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
45
46
47
48
49
50
51
@import "normalize.css";

html,
body {
  font-family: "Rubik", Helvetica, Arial, sans-serif;
  height: 100vh;
  margin: 0;
  padding: 0;
}

html[data-theme="dark"] {
    --bg-color: #121212;
    --text-color: #ffffff;
    --border-color: #444444;
    --active-bg-color: #333333;
    --active-text-color: #ffffff;
    --hover-bg-color: #444444;
    --hover-text-color: #ffffff;
    --icon-color: #ffffff;
}

html[data-theme="light"] {
    --bg-color: #ffffff;
    --text-color: #121212;
    --border-color: #ddd;
    --active-bg-color: #e0e0e0;
    --active-text-color: #1b2540;
    --hover-bg-color: #e0e0e0;
    --hover-text-color: #050c40;
    --icon-color: #121212;
}
.hamburger-menu {
  display: none;
  font-size: 30px;
  cursor: pointer;
  position: fixed !important;
  top: 80px;
  right: 40px;
  z-index: 1000;
  color: var(--icon-color);
}

.hamburger-hidden {
  transform: translateY(-120px);
}

@media (max-width:768px) {
  .hamburger-menu {
    display: block;
  }
}