ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Scope styles within .content.theme

Browse source
This commit is contained in:
0x1eef 2024-09-21 17:25:36 -03:00
parent d6d6b10be3
commit 4951dada90
1 changed files with 67 additions and 71 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

138
src/css/_base.scss
View file

@ -7,78 +7,7 @@ html {
height: 100%; height: 100%;
body { body {
height: 100%; height: 100%;
color: var(--color-accent);
margin: 0; margin: 0;
.root {
height: 100%;
}
.ltr {
font-family: "Kanit Regular";
direction: ltr;
}
.rtl {
font-family: "Cairo Regular", "Arial", "Tahoma", sans-serif;
direction: rtl;
}
.invisible, .hidden {
display: none;
}
.outline-0 {
outline: 0;
}
.scroll-y {
overflow-y: auto;
}
.font-cairo {
font-family: "Cairo Regular";
}
.font-cairo-bold {
font-family: "Cairo Bold";
}
.font-amiri {
font-family: "Amiri Quran Regular";
}
.color-primary {
color: var(--primary-color);
}
.color-secondary {
color: var(--secondary-color) !important;
}
.color-accent {
color: var(--accent-color);
}
.color-white {
color: var(--white-color);
}
.background-primary {
background: var(--primary-color);
}
.background-secondary {
background: var(--secondary-color);
}
.background-accent {
background: var(--accent-color);
}
.border-accent {
border: 1px solid var(--accent-color);
}
} }
} }
@ -86,6 +15,7 @@ body .root .content.theme {
margin: 0 auto; margin: 0 auto;
max-width: $breakpoint-md; max-width: $breakpoint-md;
width: 85%; width: 85%;
color: var(--color-accent);
header { header {
a[data-testid="h1"] { a[data-testid="h1"] {
@ -97,6 +27,72 @@ body .root .content.theme {
ul.body { ul.body {
scrollbar-color: var(--primary-color) var(--secondary-color); scrollbar-color: var(--primary-color) var(--secondary-color);
} }
.root {
height: 100%;
}
.ltr {
font-family: "Kanit Regular";
direction: ltr;
}
.rtl {
font-family: "Cairo Regular", "Arial", "Tahoma", sans-serif;
direction: rtl;
}
.invisible, .hidden {
display: none;
}
.outline-0 {
outline: 0;
}
.scroll-y {
overflow-y: auto;
}
.font-cairo {
font-family: "Cairo Regular";
}
.font-cairo-bold {
font-family: "Cairo Bold";
}
.font-amiri {
font-family: "Amiri Quran Regular";
}
.color-primary {
color: var(--primary-color);
}
.color-secondary {
color: var(--secondary-color) !important;
}
.color-accent {
color: var(--accent-color);
}
.background-primary {
background: var(--primary-color);
}
.background-secondary {
background: var(--secondary-color);
}
.background-accent {
background: var(--accent-color);
}
.border-accent {
border: 1px solid var(--accent-color);
}
} }
/** /**