116 lines
2.3 KiB
CSS
116 lines
2.3 KiB
CSS
|
@tailwind base;
|
||
|
|
@tailwind components;
|
||
|
|
@tailwind utilities;
|
||
|
|
|
||
|
|
@layer base {
|
||
|
|
/* Outfit Font Family */
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-Thin.woff2') format('woff2');
|
||
|
|
font-weight: 100;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-ExtraLight.woff2') format('woff2');
|
||
|
|
font-weight: 200;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-Light.woff2') format('woff2');
|
||
|
|
font-weight: 300;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-Regular.woff2') format('woff2');
|
||
|
|
font-weight: 400;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-Medium.woff2') format('woff2');
|
||
|
|
font-weight: 500;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-SemiBold.woff2') format('woff2');
|
||
|
|
font-weight: 600;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-Bold.woff2') format('woff2');
|
||
|
|
font-weight: 700;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-ExtraBold.woff2') format('woff2');
|
||
|
|
font-weight: 800;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'Outfit';
|
||
|
|
src: url('../fonts/Outfit-Black.woff2') format('woff2');
|
||
|
|
font-weight: 900;
|
||
|
|
font-style: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@layer components {
|
||
|
|
/* Editor.js Toolbar Z-Index Fix - Keep toolbar below header */
|
||
|
|
.ce-toolbar,
|
||
|
|
.ce-inline-toolbar,
|
||
|
|
.ce-popover,
|
||
|
|
.ce-conversion-toolbar,
|
||
|
|
.ce-settings,
|
||
|
|
.ce-block-settings,
|
||
|
|
.ce-toolbar__plus,
|
||
|
|
.ce-toolbar__settings-btn,
|
||
|
|
.ce-popover__item {
|
||
|
|
z-index: 10 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Ensure header/navbar stays above editor toolbar */
|
||
|
|
header,
|
||
|
|
nav,
|
||
|
|
.navbar,
|
||
|
|
.header,
|
||
|
|
header[class*="sticky"],
|
||
|
|
header[class*="fixed"] {
|
||
|
|
z-index: 99999 !important;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Editor container */
|
||
|
|
#editorjs {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Editor block */
|
||
|
|
.ce-block {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
}
|