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 font-size: 1rem;
30 // so `--light-color-secondary` color exists no where else in the stylings
31 // color: var(--light-color-secondary);
32 // As a substitute, I'm going to use the alpha-70 version of accent.
33 color: var(--accent-alpha-70);
34
35 &--user {
36 margin: auto;
37 text-align: center;
38 }
39
40 & > *:first-child:not(:only-child) {
41 margin-right: 10px;
42
43 @media (max-width: $tablet-max-width) {
44 border: none;
45 padding: 0;
46 margin: 0;
47 }
48 }
49
50 @media (max-width: $tablet-max-width) {
51 flex-direction: column;
52 margin-top: 10px;
53 }
54 }
55
56 // .copyright-theme-sep {
57 // @media (max-width: $tablet-max-width) {
58 // display: none;
59 // }
60 // }
61
62 // .copyright-theme {
63 // @media (max-width: $tablet-max-width) {
64 // font-size: 0.75rem;
65 // }
66 // }
67}