48 lines
914 B
SCSS
48 lines
914 B
SCSS
.btn--group__mobile{
|
|
z-index: calc(var(--z-header) - 10);
|
|
opacity: 0;
|
|
transition: opacity .3s ease-in;
|
|
|
|
&.is-visible{
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100vw;
|
|
height: calc(var(--h-block) * 3);
|
|
padding: calc(var(--spacing) * 0.75) var(--padding-body);
|
|
// padding-top: var(--spacing);
|
|
background-color: var(--color-bg);
|
|
background: linear-gradient(0deg,
|
|
var(--color-bg) 0%,
|
|
var(--color-bg) 75%,
|
|
transparent 100%);
|
|
|
|
// background-color: yellow;
|
|
|
|
display: flex;
|
|
align-items: flex-end;
|
|
gap: var(--padding-inner);
|
|
button, .dropdown{
|
|
flex-grow: 1;
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
@media #{$small-up}{
|
|
.btn--group__mobile{
|
|
display: none;
|
|
opacity: 0!important;
|
|
|
|
}
|
|
}
|
|
|