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

View File

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