73 lines
1.3 KiB
SCSS
Vendored
73 lines
1.3 KiB
SCSS
Vendored
// Elements
|
|
|
|
.page-title {
|
|
@apply text-3xl font-bold text-gray-900;
|
|
}
|
|
|
|
a {
|
|
@apply text-marine underline;
|
|
|
|
&:hover {
|
|
@apply text-marine;
|
|
}
|
|
}
|
|
|
|
.modal-container {
|
|
@apply top-0 bottom-0 left-0 right-0 fixed bg-black opacity-50 z-10;
|
|
}
|
|
|
|
.modal {
|
|
@apply bg-white absolute rounded z-20 overflow-hidden shadow max-w-full;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 400px;
|
|
animation-name: modalopen;
|
|
animation-duration: 0.5s;
|
|
}
|
|
|
|
.box-toggle {
|
|
|
|
&-header {
|
|
@apply flex justify-between items-center px-4 py-2 text-white bg-marine font-bold cursor-pointer;
|
|
|
|
svg {
|
|
@apply w-8 fill-current;
|
|
}
|
|
}
|
|
|
|
svg {
|
|
transform: rotate(270deg);
|
|
transition: transform 0.3s;
|
|
|
|
&.open {
|
|
//@apply rotate-90;
|
|
transform: rotate(90deg);
|
|
}
|
|
}
|
|
|
|
&-content {
|
|
@apply px-4 py-2 bg-white;
|
|
}
|
|
}
|
|
|
|
.card {
|
|
@apply bg-white rounded m-2 p-4 h-full flex flex-col justify-between;
|
|
|
|
svg {
|
|
@apply max-w-full max-h-48 max-w-48 m-auto fill-current;
|
|
}
|
|
|
|
h2 {
|
|
@apply text-2xl text-center font-bold;
|
|
}
|
|
}
|
|
|
|
.box {
|
|
@apply bg-white rounded p-4 my-2;
|
|
}
|
|
|
|
.tag {
|
|
@apply inline-block rounded-full px-3 py-1 text-sm font-semibold;
|
|
}
|