keks.cloud/layouts/input.css

50 lines
1.4 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
/* roboto-300 - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url('/fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/fonts/roboto-v30-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* roboto-regular - latin */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url('/fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/fonts/roboto-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
li {
@apply list-disc ml-8
}
a {
@apply hover:text-sky-800 underline
}
h1 {
@apply text-5xl text-sky-600 mb-1 mt-3
}
h2 {
@apply text-4xl text-sky-600 mb-1 mt-3
}
h3 {
@apply text-3xl text-sky-600 mb-1 mt-3
}
body {
@apply font-light tracking-wide text-gray-500 leading-7
}
img {
@apply my-3
}
p {
@apply pt-2
}