:root { --ui-primary: #00a762; --ui-color-four: #4be8ae; --ui-container-wide: 1200px; --ui-color-one: #444; --ui-color-three: #626b84; --ui-color-two: #1b2132; --ui-container: 720px; /* library show page*/ --ui-container-two: 1232px; /* library show page*/ } @import "tailwindcss"; @import "@nuxt/ui"; /* custom imports */ @import "../../../../../assets/common/scss/_IRANSansX.scss"; @import "../../../../../assets/common/scss/_takrim.scss"; @theme { --font-sans: "IRANSansX", "Public Sans", sans-serif; } @layer { } /* @variant { } */ /* @source */ /* @import "../../../../../assets/common/scss/customizations/_variables.scss"; */ /* @import "../../../../../assets/common/scss/customizations/_list-variables.scss"; */ /* @import "../../../../../assets/common/scss/customizations/_monir-variables.scss"; */ /* @import "../../../../../assets/common/scss/components/components.scss"; */ /* @import "../../../../../assets/common/scss/plugins/plugins.scss"; */ /* @import "../../../../../assets/common/scss/mixin.scss"; */ /* @import "../../../../../assets/common/scss/placeholder.scss"; */ /* @import "../../../../../assets/common/scss/layouts/layouts.scss"; */ /* @import "../../../../../assets/common/scss/common.scss"; */ /* @import "../../../../../assets/common/scss/responsive/responsive.scss"; */ html { height: 100%; direction: rtl; text-align: right; font-family: IRANSansX; body { height: 100%; direction: rtl; text-align: right; font-family: IRANSansX; } } .haditha-system { height: 100%; display: flex; flex-direction: column; .isolate { flex-grow: 1; } } .firefox-scrollbar { scrollbar-width: thin; scrollbar-color: #ccc #eee; }