diff --git a/components/04_Templates/codex/_codex.scss b/components/04_Templates/codex/_codex.scss index 1ec1baa..cf792fe 100644 --- a/components/04_Templates/codex/_codex.scss +++ b/components/04_Templates/codex/_codex.scss @@ -1,9 +1,7 @@ .LP-TextSection{ - margin-right: 3%; - width: 50%; + margin-right: 25%; .LP-Paragraph{ - font-family: $-primary-serif-font; white-space: nowrap; } @@ -13,10 +11,9 @@ } .LP-UnorderedList{ font-family: $-primary-serif-font; - - } - - .LP-UnorderedList__Item{ - margin-bottom: 0.75em; + font-size: 1.4rem; + li{ + margin-bottom: 0.75em; + } } } \ No newline at end of file diff --git a/public/main.css b/public/main.css index be81057..a92450c 100644 --- a/public/main.css +++ b/public/main.css @@ -424,12 +424,46 @@ object-position: center; } @font-face { - font-family: Crimson; - src: url("fonts/Crimson/CrimsonText-Regular.ttf"), url("fonts/Crimson/CrimsonText-Bold.ttf"), url("fonts/Crimson/CrimsonText-Italic.ttf"); } + font-family: 'Crimson Text'; + 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-family: Montserrat; - src: url("fonts/Montserrat/Montserrat-Regular.ttf"), url("fonts/Montserrat/Montserrat-Bold.ttf"), url("fonts/Montserrat/Montserrat-Italic.ttf"); } + font-family: 'Crimson Text'; + 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 { height: 100%; @@ -549,8 +583,8 @@ body { .LP-Paragraph { color: black; - font-family: Crimson, Times, serif; - font-size: 1.2rem; + font-family: "Crimson Text", Times, serif; + font-size: 1.4rem; padding: 0; margin: 0; margin-bottom: 0.75em; } @@ -854,7 +888,7 @@ body { padding: 0px; margin: 0px; } .LP-PlaceTeaser .LP-PlaceTeaser__Description { - font-family: Roboto, Arial, sans-serif; + font-family: Montserrat, Helvetica, sans-serif; color: #565656; display: none; } @@ -1459,6 +1493,19 @@ body { padding: 0; 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 { display: flex; align-items: center;