Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Moderate styling changes to codec page.

Browse Source
This commit is contained in:
Marcus Scholz 2020-09-04 20:22:37 +02:00
parent 3a8498ac0c
commit 0a3a236a47
2 changed files with 59 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
components/04_Templates/codex/_codex.scss
View File

@ -1,9 +1,7 @@
.LP-TextSection{ .LP-TextSection{
margin-right: 3%; margin-right: 25%;
width: 50%;
.LP-Paragraph{ .LP-Paragraph{
font-family: $-primary-serif-font;
white-space: nowrap; white-space: nowrap;
} }
@ -13,10 +11,9 @@
} }
.LP-UnorderedList{ .LP-UnorderedList{
font-family: $-primary-serif-font; font-family: $-primary-serif-font;
font-size: 1.4rem;
} li{
.LP-UnorderedList__Item{
margin-bottom: 0.75em; margin-bottom: 0.75em;
} }
}
} }

61
public/main.css
View File

@ -424,12 +424,46 @@
object-position: center; } object-position: center; }
@font-face { @font-face {
font-family: Crimson; font-family: 'Crimson Text';
src: url("fonts/Crimson/CrimsonText-Regular.ttf"), url("fonts/Crimson/CrimsonText-Bold.ttf"), url("fonts/Crimson/CrimsonText-Italic.ttf"); } font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Crimson Text Italic"), local("CrimsonText-Italic"), url(fonts/Crimson/CrimsonText-Italic.ttf) format("truetype"); }
@font-face { @font-face {
font-family: Montserrat; font-family: 'Crimson Text';
src: url("fonts/Montserrat/Montserrat-Regular.ttf"), url("fonts/Montserrat/Montserrat-Bold.ttf"), url("fonts/Montserrat/Montserrat-Italic.ttf"); } font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Crimson Text Regular"), local("CrimsonText-Regular"), url(fonts/Crimson/CrimsonText-Regular.ttf) format("truetype"); }
@font-face {
font-family: 'Crimson Text';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Crimson Text Bold"), local("CrimsonText-Bold"), url(fonts/Crimson/CrimsonText-Bold.ttf) format("truetype"); }
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 400;
font-display: swap;
src: local("Montserrat Italic"), local("Montserrat-Italic"), url(fonts/Montserrat/Montserrat-Italic.ttf) format("truetype"); }
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Montserrat Regular"), local("Montserrat-Regular"), url(fonts/Montserrat/Montserrat-Regular.ttf) format("truetype"); }
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Montserrat Bold"), local("Montserrat-Bold"), url(fonts/Montserrat/Montserrat-Bold.ttf) format("truetype"); }
html { html {
height: 100%; height: 100%;
@ -549,8 +583,8 @@ body {
.LP-Paragraph { .LP-Paragraph {
color: black; color: black;
font-family: Crimson, Times, serif; font-family: "Crimson Text", Times, serif;
font-size: 1.2rem; font-size: 1.4rem;
padding: 0; padding: 0;
margin: 0; margin: 0;
margin-bottom: 0.75em; } margin-bottom: 0.75em; }
@ -854,7 +888,7 @@ body {
padding: 0px; padding: 0px;
margin: 0px; } margin: 0px; }
.LP-PlaceTeaser .LP-PlaceTeaser__Description { .LP-PlaceTeaser .LP-PlaceTeaser__Description {
font-family: Roboto, Arial, sans-serif; font-family: Montserrat, Helvetica, sans-serif;
color: #565656; color: #565656;
display: none; } display: none; }
@ -1459,6 +1493,19 @@ body {
padding: 0; padding: 0;
margin-bottom: 25px; } } margin-bottom: 25px; } }
.LP-TextSection {
margin-right: 25%; }
.LP-TextSection .LP-Paragraph {
white-space: nowrap; }
.LP-TextSection .LP-Link {
margin: 0 3px;
padding: 4px 4px; }
.LP-TextSection .LP-UnorderedList {
font-family: "Crimson Text", Times, serif;
font-size: 1.4rem; }
.LP-TextSection .LP-UnorderedList li {
margin-bottom: 0.75em; }
.tagify { .tagify {
display: flex; display: flex;
align-items: center; align-items: center;