go-ssb-room/web/styles/input.css

86 lines
1.4 KiB
CSS

/*
* SPDX-FileCopyrightText: 2021 The NGI Pointer Secure-Scuttlebutt Team of 2020/2021
*
* SPDX-License-Identifier: CC-BY-4.0
*/
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Fix Flash-of-unstyled-content */
html {
visibility: visible;
opacity: 1;
}
/* custom tooltips from https://github.com/Cosbgn/tailwindcss-tooltips */
.tooltip {
@apply invisible absolute;
}
.has-tooltip:hover .tooltip {
@apply visible z-50 p-1 rounded border border-gray-200 bg-gray-100 text-gray-600 shadow-lg ml-4 text-sm;
}
/* custom markdown styling */
.markdown h1 {
@apply text-3xl tracking-tight font-black text-black mt-2 mb-4;
}
.markdown h2 {
@apply text-2xl tracking-tight font-black text-black mt-2 mb-3;
}
.markdown h3 {
@apply text-xl tracking-tight font-black text-black mt-2 mb-3;
}
.markdown h4 {
@apply text-lg tracking-tight font-black text-black mt-2 mb-3;
}
.markdown h5 {
@apply text-base tracking-tight font-black text-black mt-2 mb-3;
}
.markdown h6 {
@apply text-sm tracking-tight font-black text-black mt-2 mb-3;
}
.markdown p {
@apply my-3;
}
.markdown a {
@apply text-pink-600 underline;
}
.markdown ul {
@apply my-3 list-disc ml-6;
}
.markdown ul ul {
@apply my-0;
}
.markdown ol {
@apply my-3 list-decimal ml-6;
}
.markdown ol ol {
@apply my-0;
}
.markdown blockquote {
@apply my-3 rounded-r-3xl px-3 py-1 bg-gray-100 text-gray-600;
}
.markdown hr {
@apply my-5;
}
.markdown code {
@apply break-all;
}