]>
Commit | Line | Data |
---|---|---|
7c673cae FG |
1 | .footerContainer { |
2 | background: $secondary-bg; | |
3 | color: $primary-bg; | |
4 | overflow: hidden; | |
5 | padding: 0 10px; | |
6 | text-align: left; | |
7 | ||
8 | .footerWrapper { | |
9 | border-top: 1px solid $primary-bg; | |
10 | padding: 0; | |
11 | ||
12 | .footerBlocks { | |
13 | align-items: center; | |
14 | align-content: center; | |
15 | display: flex; | |
16 | flex-flow: row wrap; | |
17 | margin: 0 -20px; | |
18 | padding: 10px 0; | |
19 | } | |
20 | ||
21 | .footerSection { | |
22 | box-sizing: border-box; | |
23 | flex: 1 1 25%; | |
24 | font-size: 14px; | |
25 | min-width: 275px; | |
26 | padding: 0px 20px; | |
27 | ||
28 | a { | |
29 | border: 0; | |
30 | color: inherit; | |
31 | display: inline-block; | |
32 | line-height: 1.2em; | |
33 | } | |
34 | ||
35 | .footerLink { | |
36 | padding-right: 20px; | |
37 | } | |
38 | } | |
39 | ||
40 | .fbOpenSourceFooter { | |
41 | align-items: center; | |
42 | display: flex; | |
43 | flex-flow: row nowrap; | |
44 | max-width: 25%; | |
45 | ||
46 | .facebookOSSLogoSvg { | |
47 | flex: 0 0 31px; | |
48 | height: 30px; | |
49 | margin-right: 10px; | |
50 | width: 31px; | |
51 | ||
52 | path { | |
53 | fill: $primary-bg; | |
54 | } | |
55 | ||
56 | .middleRing { | |
57 | opacity: 0.7; | |
58 | } | |
59 | ||
60 | .innerRing { | |
61 | opacity: 0.45; | |
62 | } | |
63 | } | |
64 | ||
65 | h2 { | |
66 | display: block; | |
67 | font-weight: 900; | |
68 | line-height: 1em; | |
69 | } | |
70 | } | |
71 | } | |
72 | } | |
73 | ||
74 | @media only screen and (min-width: 900px) { | |
75 | .footerSection { | |
76 | &.rightAlign { | |
77 | margin-left: auto; | |
78 | max-width: 25%; | |
79 | text-align: right; | |
80 | } | |
81 | } | |
82 | } |