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

42
src/css/_base.scss
View file

@ -7,8 +7,26 @@ html {
height: 100%;
body {
height: 100%;
color: var(--color-accent);
margin: 0;
}
}
body .root .content.theme {
margin: 0 auto;
max-width: $breakpoint-md;
width: 85%;
color: var(--color-accent);
header {
a[data-testid="h1"] {
background: var(--primary-color);
color: var(--secondary-color);
}
}
ul.body {
scrollbar-color: var(--primary-color) var(--secondary-color);
}
.root {
height: 100%;
@ -60,10 +78,6 @@ html {
color: var(--accent-color);
}
.color-white {
color: var(--white-color);
}
.background-primary {
background: var(--primary-color);
}
@ -80,24 +94,6 @@ html {
border: 1px solid var(--accent-color);
}
}
}
body .root .content.theme {
margin: 0 auto;
max-width: $breakpoint-md;
width: 85%;
header {
a[data-testid="h1"] {
background: var(--primary-color);
color: var(--secondary-color);
}
}
ul.body {
scrollbar-color: var(--primary-color) var(--secondary-color);
}
}
/**
* RTL languages