this repo has no description
hauleth.dev
1@import "variables";
2
3.footer {
4 @media print {
5 display: none;
6 }
7
8 padding: 40px 0;
9 flex-grow: 0;
10 opacity: .5;
11
12 &__inner {
13 display: flex;
14 align-items: center;
15 justify-content: space-between;
16 margin: 0;
17 width: 760px;
18 max-width: 100%;
19
20 @media (max-width: $tablet-max-width) {
21 flex-direction: column;
22 }
23 }
24
25 a {
26 color: inherit;
27 }
28
29 .copyright {
30 width: 100%;
31 display: flex;
32 flex-direction: column;
33 align-items: center;
34 justify-content: center;
35 // so `--light-color-secondary` color exists no where else in the stylings
36 // color: var(--light-color-secondary);
37 // As a substitute, I'm going to use the alpha-70 version of accent.
38 color: var(--accent-alpha-70);
39
40 & > *:first-child:not(:only-child) {
41 margin-right: 10px;
42
43 @media (max-width: $tablet-max-width) {
44 margin: 0;
45 }
46 }
47
48 @media (max-width: $tablet-max-width) {
49 // flex-direction: column;
50 margin-top: 10px;
51 }
52 }
53}