ourworld_web/www_threefold_io
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updpdate font size

Browse Source
This commit is contained in:
Ehab Hassan
2021-09-20 14:22:46 +02:00
parent f87be94d89
commit 3a55f13f32
3 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/scss/main.scss
View File

@@ -177,7 +177,7 @@ button:focus {
}
.text-8xl {
font-size: 5rem;
font-size: 4rem;
line-height: 1;
font-family: "Lato", sans-serif !important;
}

18
src/components/marketing/sections/cta-sections/BrandPanel.vue
View File

@@ -394,7 +394,7 @@
>
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left">
<div class="lg:self-center">
<h2 class="text-3xl mb-6 uppercase leading-none font-heading">
<h2 class="text-5xl mb-6 uppercase leading-none font-heading">
<span class="block">{{ brand.title }}</span>
<span class="block" v-if="brand.subtitle">{{
brand.subtitle
@@ -404,7 +404,7 @@
class="
py-6
mt-4
text-gray-900 text-2xl
text-gray-900 text-xl
leading-tight
tracking-wide
"
@@ -433,7 +433,7 @@
</div>
</div>
<div class="lg:w-1/2 px-2">
<g-image class="mx-auto w-3/4" :src="image" :alt="brand.title" />
<g-image class="mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
</div>
</div>
@@ -442,15 +442,15 @@
class="flex flex-wrap lg:text-left lg:pt-16 px-4"
>
<div class="lg:w-1/2 px-2 self-center">
<g-image class="mx-auto" :src="image" :alt="brand.title" />
<g-image class="lg:w-3/4" :src="image" :alt="brand.title" />
</div>
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
<div class="px-10 lg:self-center">
<h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
<h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
{{ brand.title }}
</h2>
<div
class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
v-html="brand.content"
></div>
<a
@@ -483,11 +483,11 @@
>
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
<div class="lg:self-center">
<h2 class="lg:text-6xl mb-8 uppercase leading-none font-heading">
<h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
{{ brand.title }}
</h2>
<div
class="pb-6 text-gray-900 text-2xl leading-tight tracking-wide"
class="pb-6 text-gray-900 text-xl leading-tight tracking-wide"
v-html="brand.content"
></div>
<a
@@ -513,7 +513,7 @@
</div>
</div>
<div class="lg:w-1/2 px-2 self-center">
<g-image :src="image" :alt="brand.title" />
<g-image class=" mx-auto lg:w-3/4" :src="image" :alt="brand.title" />
</div>
</div>

6
src/components/marketing/sections/cta-sections/Header.vue
View File

@@ -368,15 +368,15 @@
</div>
<div
class="flex flex-wrap text-center lg:text-left lg:pt-10 -mx-2"
class="flex flex-wrap text-center lg:text-left lg:pt-4 -mx-2"
v-else-if="id == 'grid'"
>
<div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center">
<h2 class="lg:text-5xl uppercase mb-6 mt-20 leading-none font-heading">
<h2 class="text-8xl uppercase mb-6 mt-20 leading-none font-heading">
{{ title }}
</h2>
<div
class="mb-8 text-xl max-w-2xl leading-relaxed"
class="mb-8 text-xl max-w-xl mx-auto leading-relaxed"
v-html="excerpt"
></div>