Files
contexted-v3/src/style.scss
2023-06-01 21:31:18 +02:00

97 lines
1.7 KiB
SCSS

@tailwind base;
@tailwind components;
@tailwind utilities;
@import '@fontsource/source-sans-pro';
@import '@fontsource/source-sans-pro/300';
* {
-webkit-touch-callout: none;
}
html {
// height: -webkit-fill-available;
height: 100%;
width: 100%;
}
body {
// min-height: 100vh;
// min-height: -webkit-fill-available;
height: 100%;
min-height: 100%;
width: 100%;
max-width: 100%;
position: fixed;
transform: translateZ(0);
touch-action: manipulation;
-webkit-user-drag: none;
-ms-content-zooming: none;
font-family: 'Source Sans Pro', sans-serif;
// overflow-y: scroll;
@apply flex flex-col bg-gray-100;
#app {
@apply absolute bottom-0 left-0 right-0 top-0 flex flex-grow flex-col overflow-hidden;
}
}
p:not(:last-child) {
@apply mb-2;
margin-top: 0 !important;
}
p:last-child {
@apply my-0;
}
.ck-body-wrapper {
height: 0;
}
.ck-content {
padding: 0 !important;
border: 0 !important;
outline: none !important;
box-shadow: none !important;
line-height: 2rem;
a[data-contexted-link='true'] {
@apply cursor-pointer font-semibold text-primary hover:bg-gray-200;
}
&.ck.ck-editor__editable_inline > * {
margin: 0 !important;
}
ol,
ul {
@apply my-2 ps-8;
}
ol {
@apply list-decimal;
}
ul {
@apply list-disc;
}
h1,
h2,
h3,
h4 {
@apply font-semibold;
}
h1 {
@apply text-3xl;
}
h2 {
@apply text-2xl;
}
h3 {
@apply text-xl;
}
h4 {
@apply text-lg;
}
}
:root {
--safe-area-top: env(safe-area-inset-top);
--safe-area-right: env(safe-area-inset-right);
--safe-area-bottom: env(safe-area-inset-bottom);
--safe-area-left: env(safe-area-inset-left);
}