mirror of
https://github.com/vercel/commerce.git
synced 2025-07-22 12:24:18 +00:00
🎨 styles: header spacing, animation
:%s
This commit is contained in:
parent
4434f44dd1
commit
8af039d14e
@ -41,13 +41,13 @@
|
||||
transition: all 0.2s;
|
||||
&.show {
|
||||
display: block;
|
||||
animation: showHeaderSticky 0.2s;
|
||||
animation: showHeaderSticky 0.4s;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes showHeaderSticky {
|
||||
0% {
|
||||
transform: scale(.9);
|
||||
transform: scale(.95);
|
||||
}
|
||||
100% {
|
||||
transform: none;
|
||||
|
@ -6,6 +6,10 @@
|
||||
padding-bottom: 0.8rem;
|
||||
&.full {
|
||||
@apply flex;
|
||||
padding-top: 1.6rem;
|
||||
@screen md {
|
||||
padding-top: 0.8rem;
|
||||
}
|
||||
}
|
||||
&.small {
|
||||
@apply flex;
|
||||
@ -20,8 +24,6 @@
|
||||
}
|
||||
@screen md {
|
||||
@apply flex justify-between items-center;
|
||||
padding-top: 0.8rem;
|
||||
padding-bottom: 0.8rem;
|
||||
}
|
||||
.left {
|
||||
// margin-bottom: 3.2rem;
|
||||
|
Loading…
x
Reference in New Issue
Block a user