panel/btn mobile & scripts
All checks were successful
Deploy / Deploy to Production (push) Successful in 11s
All checks were successful
Deploy / Deploy to Production (push) Successful in 11s
This commit is contained in:
parent
bd97c1c33e
commit
f28680f77e
26 changed files with 506 additions and 297 deletions
|
|
@ -197,52 +197,7 @@
|
|||
}
|
||||
|
||||
.panel-left {
|
||||
padding: calc(var(--spacing) * 0.5) 0;
|
||||
background-color: yellow;
|
||||
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) 64%,
|
||||
transparent 100%);
|
||||
//background-color: red;
|
||||
|
||||
|
||||
#nav--page {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.btn--group {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: var(--padding-inner);
|
||||
position: relative;
|
||||
button{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
// action
|
||||
|
||||
.panel-left {
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.2s ease-in;
|
||||
}
|
||||
|
||||
.panel-left.is-visible {
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue