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