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 { .text-8xl {
font-size: 5rem; font-size: 4rem;
line-height: 1; line-height: 1;
font-family: "Lato", sans-serif !important; 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:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left">
<div class="lg:self-center"> <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">{{ brand.title }}</span>
<span class="block" v-if="brand.subtitle">{{ <span class="block" v-if="brand.subtitle">{{
brand.subtitle brand.subtitle
@@ -404,7 +404,7 @@
class=" class="
py-6 py-6
mt-4 mt-4
text-gray-900 text-2xl text-gray-900 text-xl
leading-tight leading-tight
tracking-wide tracking-wide
" "
@@ -433,7 +433,7 @@
</div> </div>
</div> </div>
<div class="lg:w-1/2 px-2"> <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>
</div> </div>
@@ -442,15 +442,15 @@
class="flex flex-wrap lg:text-left lg:pt-16 px-4" class="flex flex-wrap lg:text-left lg:pt-16 px-4"
> >
<div class="lg:w-1/2 px-2 self-center"> <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>
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none"> <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
<div class="px-10 lg:self-center"> <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 }} {{ brand.title }}
</h2> </h2>
<div <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" v-html="brand.content"
></div> ></div>
<a <a
@@ -483,11 +483,11 @@
> >
<div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none"> <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
<div class="lg:self-center"> <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 }} {{ brand.title }}
</h2> </h2>
<div <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" v-html="brand.content"
></div> ></div>
<a <a
@@ -513,7 +513,7 @@
</div> </div>
</div> </div>
<div class="lg:w-1/2 px-2 self-center"> <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>
</div> </div>

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

@@ -368,15 +368,15 @@
</div> </div>
<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'" v-else-if="id == 'grid'"
> >
<div class="px-3 lg:mt-5 order-1 lg:order-none mx-auto text-center"> <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 }} {{ title }}
</h2> </h2>
<div <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" v-html="excerpt"
></div> ></div>