blob: 6a1c8ed642b5d2f022565e75dcad4aeb013bcf85 [file] [log] [blame]
Copybara botbe50d492023-11-30 00:16:42 +01001/**
2 * Copyright 2015 Google Inc. All Rights Reserved.
3 *
4 * Licensed under the Apache License, Version 2.0 (the "License");
5 * you may not use this file except in compliance with the License.
6 * You may obtain a copy of the License at
7 *
8 * http://www.apache.org/licenses/LICENSE-2.0
9 *
10 * Unless required by applicable law or agreed to in writing, software
11 * distributed under the License is distributed on an "AS IS" BASIS,
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 * See the License for the specific language governing permissions and
14 * limitations under the License.
15 */
16
17@import "../variables";
18
19.mdl-mini-footer {
20 display: flex;
21 flex-flow: row wrap;
22 justify-content: space-between;
23
24 padding: ($padding * 2) $padding;
25
26 color: $footer-color;
27 background-color: $footer-bg-color;
28
29 &:after {
30 content: '';
31 display: block;
32 }
33
34 & .mdl-logo {
35 line-height: $footer-btn-size;
36 }
37}
38
39.mdl-mini-footer--link-list,
40.mdl-mini-footer__link-list {
41 display: flex;
42 flex-flow: row nowrap;
43
44 list-style: none;
45
46 margin: 0;
47 padding: 0;
48
49 & li {
50 margin-bottom: 0;
51 margin-right: $padding;
52
53 @media screen and (min-width: 760px) {
54 line-height: $footer-btn-size;
55 }
56 }
57
58 & a {
59 color: inherit;
60 text-decoration: none;
61 white-space: nowrap;
62 }
63}
64
65.mdl-mini-footer--left-section,
66.mdl-mini-footer__left-section {
67 display: inline-block;
68 order: 0;
69}
70
71.mdl-mini-footer--right-section,
72.mdl-mini-footer__right-section {
73 display: inline-block;
74 order: 1;
75}
76
77.mdl-mini-footer--social-btn,
78.mdl-mini-footer__social-btn {
79 width: $footer-btn-size;
80 height: $footer-btn-size;
81
82 padding: 0;
83 margin: 0;
84
85 background-color: $footer-button-fill-color;
86
87 border: none;
88}