blob: 69a36f7cea44541f513a46f446bc76cb178b4bf5 [file] [log] [blame]
Copybara botbe50d492023-11-30 00:16:42 +01001/**
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}