98 lines
2.5 KiB
CSS
98 lines
2.5 KiB
CSS
: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";
|
|
@import "../../../../../assets/common/scss/_vazir.scss";
|
|
@import "../../../../../assets/common/scss/_estedad.scss";
|
|
@import "../../../../../assets/common/scss/_sahel-single-font-weight.scss";
|
|
|
|
@theme {
|
|
--font: vazir, sahel, estadad, IRANSansX, "Public Sans", sans-serif;
|
|
--ar-font: Takrim;
|
|
--breakpoint-sm: 360px;
|
|
--breakpoint-md: 720px;
|
|
--breakpoint-lg: 992px;
|
|
--breakpoint-xl: 1280px;
|
|
--breakpoint-2xl: 1536px;
|
|
--breakpoint-3xl: 1900px;
|
|
}
|
|
|
|
@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: var(--font);
|
|
scroll-behavior: smooth;
|
|
|
|
body {
|
|
height: 100%;
|
|
direction: rtl;
|
|
text-align: right;
|
|
font-family: var(--font);
|
|
scroll-behavior: smooth;
|
|
|
|
padding: 0 !important;
|
|
margin: 0px !important;
|
|
overflow: auto !important;
|
|
}
|
|
}
|
|
.haditha-system,
|
|
.hadith-system {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.isolate {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.text__orange {
|
|
padding: 0 3px;
|
|
background-color: rgb(255, 250, 155);
|
|
/* background-color: rgb(255, 223, 203); */
|
|
}
|
|
/* .iconify { */
|
|
/* width: 1.72em; */
|
|
/* height: 1.72em; */
|
|
/* } */
|
|
}
|
|
|
|
.firefox-scrollbar {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #ccc #eee;
|
|
}
|
|
|
|
@import "./responsive/responsive.css";
|