Beginning of ecommerce
This commit is contained in:
@ -1,7 +1,5 @@
|
||||
/* navbar.module.css */
|
||||
|
||||
.navBar {
|
||||
@apply top-6 left-6 right-6 transition-all duration-300 z-50 h-16;
|
||||
@apply top-6 left-6 right-6 transition-all duration-300 z-50 h-20;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
@ -9,11 +7,11 @@
|
||||
}
|
||||
|
||||
.navBarInitial {
|
||||
@apply bg-transparent text-white absolute;
|
||||
@apply bg-white/30 text-black rounded-lg shadow-lg absolute;
|
||||
}
|
||||
|
||||
.navBarScrolledUp {
|
||||
@apply bg-white text-black rounded-lg shadow-lg fixed;
|
||||
@apply bg-gradient-to-b from-black/30 to-black/10 text-white rounded-lg fixed;
|
||||
}
|
||||
|
||||
/* Custom style */
|
||||
@ -24,3 +22,13 @@
|
||||
.cls-1, .cls-2 {
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
||||
/* Transparent / almost transparent to white
|
||||
.navBarInitial {
|
||||
@apply bg-gradient-to-b from-black/50 to-black/30 text-white absolute rounded-lg;
|
||||
}
|
||||
|
||||
.navBarScrolledUp {
|
||||
@apply bg-white text-black rounded-lg shadow-lg fixed;
|
||||
}
|
||||
*/
|
||||
Reference in New Issue
Block a user