my page
ollie.earth
1
2/* hover colors using `data-hover-color` and `data-hover-background` attributes */
3a:hover {
4 cursor: pointer;
5
6 color: attr(data-hover-color type(<color>), var(--foreground));
7 background: attr(data-hover-background type(<color>), var(--background));
8}
9
10a:hover .has-hover-color {
11 fill: currentColor !important;
12 color: attr(data-hover-color type(<color>), var(--foreground));
13
14}
15
16a:hover .has-hover-stroke {
17 stroke: currentColor;
18 color: attr(data-hover-stroke type(<color>), var(--foreground));
19
20}
21
22
23/* custom styling stuff */
24
25nav[data-topnav] {
26 font-size: var(--text-7);
27}
28
29@media screen and (max-width: 600px) {
30 .hide-md {
31 display: none;
32 }
33}
34
35@media screen and (max-width: 450px) {
36 .hide-s {
37 display: none;
38 }
39}
40
41@media screen and (min-width: 600px) {
42 .show-md {
43 display: none;
44 }
45}
46
47.badge:hover {
48 color: var(--background);
49 background-color: var(--foreground);
50}
51
52.footer {
53 margin: var(--space-6) 0;
54}
55
56.text-light {
57 color: var(--muted-foreground);
58}
59
60:root {
61 font-size: 20px
62}
63
64
65
66/* websitecarbon.com overrides */
67
68#wcb.carbonbadge{
69 font-size: inherit !important;
70 text-align: inherit !important;
71 color: inherit !important;
72 line-height: inherit !important;
73}
74
75#wcb.carbonbadge sub{
76 vertical-align: inherit !important;
77 position: inherit !important;
78 top: inherit !important;
79 font-size: inherit !important;
80}
81
82#wcb #wcb_2,#wcb #wcb_a,#wcb #wcb_g{
83 display:initial !important;
84 justify-content:inherit !important;
85 align-items:inherit !important;
86 text-align:inherit !important;
87 font-size:inherit !important;
88 line-height:inherit !important;
89 font-family:inherit !important;
90 text-decoration:inherit !important;
91 margin:inherit !important;
92}
93#wcb #wcb_a,#wcb #wcb_g{
94 padding:0 0.3em 0 0 !important;
95 border:initial !important;
96}
97#wcb #wcb_g{
98 border-radius:initial !important;
99 background:inherit !important;
100 border-right:initial !important;
101 min-width:initial !important
102}
103#wcb #wcb_a{
104 border-radius:initial !important;
105 border-left:initial !important;
106 background:inherit !important;
107 color: var(--primary) !important;
108 font-weight:inherit !important;
109 border-color:initial !important;
110 text-decoration: underline !important;
111}
112#wcb.wcb-d #wcb_a{
113 color:inherit !important;
114 background:inherit !important;
115 border-color:inherit !important
116}
117#wcb.wcb-d #wcb_2{
118 color:inherit !important;
119}