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

update brandpanel comp

Browse Source
This commit is contained in:
Ehab Hassan
2021-03-28 11:11:44 +02:00
parent a12f1b1b45
commit bede4a73ed
2 changed files with 15 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -91,6 +91,10 @@ ul {
background-color: #C2AEEC; background-color: #C2AEEC;
} }
.text-3xl {
font-size: 2.50rem
}
.no-border { .no-border {
border-width: 0px !important; border-width: 0px !important;
} }
@@ -139,7 +143,11 @@ button:focus {
font-size: 5rem; font-size: 5rem;
line-height: 1; line-height: 1;
} }
@media (min-width: 375px) {
.text-3xl {
font-size: 2.25rem
}
}
@media (min-width: 768px) { @media (min-width: 768px) {
.with-large>.flex-post:nth-child(5n), .with-large>.flex-post:nth-child(5n),
.with-large>.flex-post:nth-child(5n-1) { .with-large>.flex-post:nth-child(5n-1) {
@@ -197,6 +205,9 @@ button:focus {
@apply text-xl; @apply text-xl;
} }
} }
.text-3xl {
font-size: 2.50rem
}
// .news>.flex-post:nth-child(9n+1), // .news>.flex-post:nth-child(9n+1),
// .news>.flex-post:nth-child(9n+2) { // .news>.flex-post:nth-child(9n+2) {
// // @apply flex-100; // // @apply flex-100;

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

@@ -5,11 +5,11 @@
class="brandpanel rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4" class="brandpanel rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4"
> >
<div <div
class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20" class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
> >
<div class="lg:self-center"> <div class="lg:self-center">
<h2 <h2
class="text-3xl leading-9 font-extrabold text-white sm:text-4xl sm:leading-10" class="text-3xl leading-9 font-extrabold text-white sm:leading-10"
> >
<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">{{
@@ -29,7 +29,7 @@
</div> </div>
<div class="relative pb-3/5 -mt-6 md:pb-1/2"> <div class="relative pb-3/5 -mt-6 md:pb-1/2">
<g-image <g-image
class="absolute brandpanel inset-0 w-full h-full transform translate-x-6 translate-y-6 rounded-md object-cover object-left-top sm:translate-x-16 lg:translate-y-20" class="absolute brandpanel inset-0 w-full h-full transform translate-x-0 translate-y-6 rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
:src="image" :src="image"
:alt="brand.title" :alt="brand.title"
/> />