asc/rpg-static-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

2024-11-11

Browse Source
This commit is contained in:
Anthony Correa
2024-11-11 08:41:45 -06:00
parent b668156747
commit eeb0d0d876
14 changed files with 483 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
content/css/style.scss
View File

@@ -4,6 +4,7 @@ $secondary-color: #f0f0f0;
@import url('https://fonts.googleapis.com/css2?family=Noticia+Text:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
body {
font-family: Helvetica, sans-serif, sans-serif;
@@ -67,14 +68,33 @@ body {
}
&.season-5 {
--newspaper-background-texture-image: url(../textures/parchment.jpg);
--newspaper-background-texture-image: url(../images/parchment.jpg);
--newspaper-headline-font: 'Noticia Text';
--newspaper-base-font: 'EB Garamond';
--newspaper-name-font: 'UnifrakturCook';
font-family: var(--newspaper-base-font);
hgroup {
section.prologue {
padding: 20px;
margin: 20px;
border: black solid 1 px;
border-radius: 10px;
background: var(--newspaper-background-texture-image);
background-color: green;
}
hgroup{
h1 {
text-transform: uppercase;
margin: inherit;
}
h2 {
margin: inherit;
}
&.masthead {
text-align: center;
h1, h2 {
text-transform: inherit;
border-bottom: 0px;
font-family: var(--newspaper-headline-font);
line-height: 85%;
@@ -90,6 +110,47 @@ body {
font-style: italic;
}
}
}
h2 {
text-align: center;
}
article p {
text-align: justify;
}
}
&.season-4 {
--newspaper-background-texture-image: url(../images/starwars.jpg);
--newspaper-headline-font: 'Noticia Text';
--newspaper-base-font: 'EB Garamond';
--newspaper-name-font: 'UnifrakturCook';
font-family: "Libre Franklin";
section.prologue {
padding: 20px;
margin: 20px;
border: black solid 1 px;
border-radius: 10px;
background: var(--newspaper-background-texture-image);
background-color: black;
color: yellow;
}
hgroup{
text-align: center;
text-transform: uppercase;
h1 {
margin: inherit;
}
h2 {
margin: inherit;
}
}
strong {
text-transform: uppercase;
}
h2 {
text-align: center;
}