Copybara bot | be50d49 | 2023-11-30 00:16:42 +0100 | [diff] [blame^] | 1 | /** |
| 2 | * Copyright 2016 Leif Olsen. 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 | // Use of this module requires the user to include variables from material-design-lite |
| 18 | //@import "../../node_modules/material-design-lite/src/variables"; |
| 19 | //@import "../../node_modules/material-design-lite/src/mixins"; |
| 20 | @import "../variables"; |
| 21 | |
| 22 | .mdlext-layout__sticky-header { |
| 23 | position: absolute; |
| 24 | overflow: visible; |
| 25 | background: $mdlext-sticky-header-background; |
| 26 | transition: 0.1s ease-in-out; |
| 27 | |
| 28 | &.mdlext-is-scroll { |
| 29 | background: $mdlext-sticky-header-background-scroll; |
| 30 | } |
| 31 | } |
| 32 | |
| 33 | *:not(.is-small-screen) .mdlext-layout__sticky-header { |
| 34 | .mdl-layout__drawer-button { |
| 35 | visibility: hidden; |
| 36 | } |
| 37 | .mdl-layout__header-row { |
| 38 | padding-left: $padding; |
| 39 | } |
| 40 | } |
| 41 | |
| 42 | *:not(.mdl-layout--fixed-drawer).has-drawer .mdlext-layout__sticky-header, |
| 43 | .is-small-screen.has-drawer .mdlext-layout__sticky-header { |
| 44 | display: flex; |
| 45 | |
| 46 | .mdl-layout__drawer-button { |
| 47 | visibility: visible; |
| 48 | } |
| 49 | .mdl-layout__header-row { |
| 50 | padding-left: $padding + $layout-drawer-button-desktop-size; |
| 51 | } |
| 52 | } |