third_party/ot-br-posix/repo/third_party/mdl/repo/src/footer/_mini_footer.scss

   1 /**
   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 }