/ styles / settings.scss
settings.scss
 1  *:not(.input):not(.layout) {
 2    width: fit-content;
 3  }
 4  
 5  .container {
 6    display: flex;
 7    flex-direction: column;
 8    gap: 64px;
 9  }
10  
11  section {
12    display: flex;
13    flex-direction: column;
14    gap: 16px;
15  }
16  
17  .account-information .items {
18    display: flex;
19    gap: 24px;
20  }
21  
22  .account-information .items .keys,
23  .steps,
24  .setting-description {
25    color: var(--text-secondary);
26  }
27  
28  .title {
29    font-size: 18px;
30    font-weight: 500;
31  }
32  
33  .buttons,
34  .keys,
35  .values,
36  .steps,
37  .setting-group {
38    display: flex;
39    flex-direction: column;
40  }
41  
42  .buttons,
43  .setting-group {
44    gap: 8px;
45  }
46  
47  .keys,
48  .values,
49  .steps {
50    gap: 4px;
51  }
52  
53  kbd {
54    font-family: ChivoMono;
55    background-color: var(--element);
56    padding: 2px 6px;
57  }
58  
59  .radio-group {
60    display: flex;
61    gap: 16px;
62  }
63  
64  a {
65    text-decoration: underline;
66  }
67  
68  #wakaTimeFileUpload::file-selector-button {
69    background-color: var(--text);
70    color: var(--background);
71    font-family: Outfit;
72    font-weight: 500;
73    border: none;
74    padding: 2px 6px;
75    border-radius: 4px;
76    cursor: pointer;
77    font-family: inherit;
78    margin-right: 8px;
79  }