chip-advisor/styles.css at master · JacobJax/chip-advisor · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Roboto:wght@300&family=Space+Grotesk&family=Space+Mono&display=swap');

*,
*::before,
*::after {
   box-sizing: border-box;
   /* outline: rosybrown .7px solid; */
}

:root {

   /* spacing */
   --lg-spacing: 2.25rem;
   --md-spacing: 1.25rem;
   --sm-spacing: .7rem;

   /* width */
   --span-width: 920px;

   /* fonts */
   --text-xs: 0.75rem;
   --text-sm: 0.875rem;
   --ln-sm: 1.25rem;

   --text-md: 1.5rem;
   --ln-md: 1.65rem;

   --text-lg: 2.25rem;
   --ln-lg: 1.75rem;

}

html {
   scroll-behavior: smooth;
}
body {
   font-family:'Fira Code', monospace;
   background-color: #fafafa;
}

/* reset classes */
.span-max {
   max-width: calc(968px);
   margin: auto;
}
.round-edge {
   border-radius: 3px;
}

/* details */
section {
   margin-bottom: var(--lg-spacing);
}
details > summary {
   list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

a{
   text-decoration: none;
   font-size: var(--text-sm);
}
ul{
   list-style: none;
}

input{
   font-family: -apple-system, BlinkMacSystemFont,
    "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif
   ;
}