ElmDemo/UI/scss/index.scss
2023-06-15 21:21:48 +08:00

47 lines
870 B
SCSS

@tailwind base;
@tailwind components;
@tailwind utilities;
.app {
@apply relative;
}
.index {
}
.mainPad {
@apply relative overscroll-y-auto;
}
.topBar {
@apply mb-8 flex bg-blue-400 text-white h-12 drop-shadow-lg text-center items-center justify-center;
}
.topBarInHome {
@apply z-10 sticky top-0 left-0 mb-4 p-4 flex flex-col bg-blue-400 text-white drop-shadow-lg justify-center;
}
.bottomBar {
@apply flex flex-row h-16 text-gray-400 text-center items-center justify-center
fixed bottom-0 left-0 w-full
bg-slate-50 border border-slate-300 border-solid;
div {
@apply basis-1/4;
}
}
.mainMenu {
@apply grid grid-cols-5 gap-1 text-sm font-light text-center items-center justify-center;
div {
@apply mb-3;
}
img {
@apply w-16;
}
}
.AdBar
{
@apply flex flex-row p-4 mx-2 bg-gradient-to-t from-stone-200;
}