39 lines
503 B
SCSS
39 lines
503 B
SCSS
.cl-footer {
|
|
width: 100%;
|
|
position: relative;
|
|
|
|
&__placeholder {
|
|
transition: height 0.3s;
|
|
}
|
|
|
|
&__inner {
|
|
& > :deep(cl-button) {
|
|
width: 100%;
|
|
}
|
|
|
|
&.is-flex {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
&.is-border {
|
|
&::before {
|
|
content: "";
|
|
display: block;
|
|
height: $cl-border-width;
|
|
width: 100%;
|
|
background-color: $cl-color-bg;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
&.is-fixed {
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
}
|