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