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 display: flex;
27 flex-direction: row;
28 align-items: center;
29 // so `--light-color-secondary` color exists no where else in the stylings
30 // color: var(--light-color-secondary);
31 // As a substitute, I'm going to use the alpha-70 version of accent.
32 color: var(--accent-alpha-70);
33
34 &--user {
35 margin: auto;
36 text-align: center;
37 }
38
39 & > *:first-child:not(:only-child) {
40 margin-right: 10px;
41
42 @media (max-width: $tablet-max-width) {
43 margin: 0;
44 }
45 }
46
47 @media (max-width: $tablet-max-width) {
48 flex-direction: column;
49 margin-top: 10px;
50 }
51 }
52}