soapbox/app/styles/navigation.scss

41 wiersze
988 B
SCSS

.thumb-navigation {
@apply fixed lg:hidden bottom-0 bg-white/90 dark:bg-primary-900/90 backdrop-blur-md border-t border-solid border-gray-200 dark:border-gray-800 left-0 right-0 shadow-2xl w-full flex z-50;
padding-bottom: env(safe-area-inset-bottom); /* iOS PWA */
overflow-x: auto;
scrollbar-width: thin;
scrollbar-color: #fff;
&::-webkit-scrollbar {
display: none;
}
&__link {
@apply px-2 py-2.5 space-y-1 flex flex-col flex-1 items-center text-gray-600 text-lg;
// padding: 8px 10px;
// display: flex;
// flex-direction: column;
// align-items: center;
// justify-content: end;
// color: var(--primary-text-color);
// text-decoration: none;
// font-size: 20px;
// width: 55px;
// span {
// margin-top: 1px;
// text-align: center;
// font-size: 1.2rem;
// }
// .svg-icon {
// width: 24px;
// height: 24px;
// svg {
// stroke-width: 1px;
// }
// }
}
}