bsw/jbe@1309: /**
bsw/jbe@1309:  * Copyright 2015 Google Inc. All Rights Reserved.
bsw/jbe@1309:  *
bsw/jbe@1309:  * Licensed under the Apache License, Version 2.0 (the "License");
bsw/jbe@1309:  * you may not use this file except in compliance with the License.
bsw/jbe@1309:  * You may obtain a copy of the License at
bsw/jbe@1309:  *
bsw/jbe@1309:  *      http://www.apache.org/licenses/LICENSE-2.0
bsw/jbe@1309:  *
bsw/jbe@1309:  * Unless required by applicable law or agreed to in writing, software
bsw/jbe@1309:  * distributed under the License is distributed on an "AS IS" BASIS,
bsw/jbe@1309:  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
bsw/jbe@1309:  * See the License for the specific language governing permissions and
bsw/jbe@1309:  * limitations under the License.
bsw/jbe@1309:  */
bsw/jbe@1309: 
bsw/jbe@1309: @import "../variables";
bsw/jbe@1309: 
bsw/jbe@1309: .mdl-mini-footer {
bsw/jbe@1309:   display: flex;
bsw/jbe@1309:   flex-flow: row wrap;
bsw/jbe@1309:   justify-content: space-between;
bsw/jbe@1309: 
bsw/jbe@1309:   padding: ($padding * 2) $padding;
bsw/jbe@1309: 
bsw/jbe@1309:   color: $footer-color;
bsw/jbe@1309:   background-color: $footer-bg-color;
bsw/jbe@1309: 
bsw/jbe@1309:   &:after {
bsw/jbe@1309:     content: '';
bsw/jbe@1309:     display: block;
bsw/jbe@1309:   }
bsw/jbe@1309: 
bsw/jbe@1309:   & .mdl-logo {
bsw/jbe@1309:     line-height: $footer-btn-size;
bsw/jbe@1309:   }
bsw/jbe@1309: }
bsw/jbe@1309: 
bsw/jbe@1309: .mdl-mini-footer--link-list,
bsw/jbe@1309: .mdl-mini-footer__link-list {
bsw/jbe@1309:   display: flex;
bsw/jbe@1309:   flex-flow: row nowrap;
bsw/jbe@1309: 
bsw/jbe@1309:   list-style: none;
bsw/jbe@1309: 
bsw/jbe@1309:   margin: 0;
bsw/jbe@1309:   padding: 0;
bsw/jbe@1309: 
bsw/jbe@1309:   & li {
bsw/jbe@1309:     margin-bottom: 0;
bsw/jbe@1309:     margin-right: $padding;
bsw/jbe@1309: 
bsw/jbe@1309:     @media screen and (min-width: 760px) {
bsw/jbe@1309:       line-height: $footer-btn-size;
bsw/jbe@1309:     }
bsw/jbe@1309:   }
bsw/jbe@1309: 
bsw/jbe@1309:   & a {
bsw/jbe@1309:     color: inherit;
bsw/jbe@1309:     text-decoration: none;
bsw/jbe@1309:     white-space: nowrap;
bsw/jbe@1309:   }
bsw/jbe@1309: }
bsw/jbe@1309: 
bsw/jbe@1309: .mdl-mini-footer--left-section,
bsw/jbe@1309: .mdl-mini-footer__left-section {
bsw/jbe@1309:   display: inline-block;
bsw/jbe@1309:   order: 0;
bsw/jbe@1309: }
bsw/jbe@1309: 
bsw/jbe@1309: .mdl-mini-footer--right-section,
bsw/jbe@1309: .mdl-mini-footer__right-section {
bsw/jbe@1309:   display: inline-block;
bsw/jbe@1309:   order: 1;
bsw/jbe@1309: }
bsw/jbe@1309: 
bsw/jbe@1309: .mdl-mini-footer--social-btn,
bsw/jbe@1309: .mdl-mini-footer__social-btn {
bsw/jbe@1309:   width: $footer-btn-size;
bsw/jbe@1309:   height: $footer-btn-size;
bsw/jbe@1309: 
bsw/jbe@1309:   padding: 0;
bsw/jbe@1309:   margin: 0;
bsw/jbe@1309: 
bsw/jbe@1309:   background-color: $footer-button-fill-color;
bsw/jbe@1309: 
bsw/jbe@1309:   border: none;
bsw/jbe@1309: }