change font title, subtitle

This commit is contained in:
Pau 2022-12-22 17:28:20 +01:00
parent b287329d62
commit 4c88e4bab3
3 changed files with 35 additions and 27 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,4 +1,4 @@
$section-padding: 1rem 0rem; $section-padding: 1rem 0rem;
$section-padding-desktop: $section-padding; $section-padding-desktop: $section-padding;
$section-padding-large: $section-padding; $section-padding-large: $section-padding;
@ -51,7 +51,7 @@ hr {
// adding styles to make navigation fit on mobile // adding styles to make navigation fit on mobile
@media (max-width: 480px) { @media (max-width: 480px) {
nav { nav {
.tabs { .tabs {
display: initial; display: initial;
ul { ul {
border-bottom: none; border-bottom: none;
@ -67,6 +67,14 @@ hr {
font-size: 5rem; font-size: 5rem;
} }
.is-size-0-1 {
font-size: 57px;
}
.is-size-4-1 {
font-size: 16px;
}
.header .hero-body { .header .hero-body {
padding-left: 0px !important; padding-left: 0px !important;
padding-top: 8em; padding-top: 8em;
@ -79,7 +87,7 @@ hr {
} }
em { em {
font-style: italic; font-style: italic;
font-weight: lighter !important; font-weight: lighter !important;
} }
table { table {
@ -88,7 +96,7 @@ hr {
p { p {
padding-bottom: 0 !important; padding-bottom: 0 !important;
} }
} }
td { td {
padding: 0.5rem 0; padding: 0.5rem 0;
} }
@ -122,11 +130,11 @@ hr {
padding-bottom: 2rem; padding-bottom: 2rem;
} }
} }
&.getintouch p { &.getintouch p {
padding-bottom: 0; padding-bottom: 0;
} }
.contact { .contact {
p { p {
font-family: $sans_font; font-family: $sans_font;
} }
.contact_text { .contact_text {
@ -209,10 +217,10 @@ hr {
} }
#content-column { #content-column {
@media all and (max-width: 1216px) { @media all and (max-width: 1216px) {
padding: 0 2rem; padding: 0 2rem;
} }
@media all and (min-width: 1408px) { @media all and (min-width: 1408px) {
padding-right: 6.5rem !important; padding-right: 6.5rem !important;
} }
} }
@ -273,12 +281,12 @@ footer {
====================== */ ====================== */
#events-listing { #events-listing {
h1 { h1 {
margin-bottom: 1em; margin-bottom: 1em;
font-weight: 600; font-weight: 600;
font-size: 21px; font-size: 21px;
} }
.events-list { .events-list {
li { li {
@ -289,7 +297,7 @@ footer {
padding-bottom: 0; padding-bottom: 0;
font-weight: bold; font-weight: bold;
} }
small { font-weight: normal;} small { font-weight: normal;}
} }
} }
@ -305,27 +313,27 @@ footer {
.book-cell { .book-cell {
.book-cover { margin-top: 2em; } .book-cover { margin-top: 2em; }
.order-link { .order-link {
text-decoration: underline; text-decoration: underline;
font-size: 1.2rem; font-size: 1.2rem;
color: #851c22; color: #851c22;
display: inline-block; display: inline-block;
@media (max-width: 480px) { padding-top: 1em; } @media (max-width: 480px) { padding-top: 1em; }
} }
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
#reviews { #reviews {
margin-bottom: 2rem; margin-bottom: 2rem;
h2 { h2 {
font-family: 'IBM Plex Serif', sans-serif; font-family: 'IBM Plex Serif', sans-serif;
font-size: 2rem; font-size: 2rem;
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
} }
ol { ol {
padding-left: 1.5rem; padding-left: 1.5rem;
li::marker { font-family: 'IBM Plex Serif', sans-serif; } li::marker { font-family: 'IBM Plex Serif', sans-serif; }
@ -348,8 +356,8 @@ footer {
@media (max-width: 480px) { padding-top: 3rem; } @media (max-width: 480px) { padding-top: 3rem; }
@media (max-width: 480px) { border-top: 1px solid; } @media (max-width: 480px) { border-top: 1px solid; }
h1 { h1 {
margin-bottom: 1em; margin-bottom: 1em;
font-family: 'IBM Plex Serif', sans-serif; font-family: 'IBM Plex Serif', sans-serif;
font-weight: 200; font-weight: 200;
font-size: 2.25rem; font-size: 2.25rem;
@ -366,8 +374,8 @@ footer {
padding-bottom: 0; padding-bottom: 0;
font-weight: bold; font-weight: bold;
} }
small { font-weight: normal;} small { font-weight: normal;}
} }
} }
} }

View File

@ -1,12 +1,12 @@
<div class="hero header octopus-mobile"> <div class="hero header octopus-mobile">
<div class="hero-body"> <div class="hero-body">
<a href="/"> <a href="/">
<p class="title is-size-0"> <p class="title is-size-0-1">
{{ site.Params.header.name }} {{ site.Params.header.name }}
</p> </p>
<p class="subtitle is-size-4"> <p class="subtitle is-size-4-1">
{{ site.Params.header.subtitle }} {{ site.Params.header.subtitle }}
</p> </p>
</a> </a>
</div> </div>
</div> </div>