From 9625c3c253106d88ae4b9a3c51ccaea2d869f00e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0t=C4=9Bp=C3=A1n=20Farka?= <stepanfarka11@gmail.com>
Date: Wed, 24 Aug 2022 17:21:05 +0200
Subject: [PATCH] [WIP] person
---
.../source/_patterns/templates/person.mustache | 10 +++++-----
main/styleguide/source/css/molecules/carousels.pcss | 4 ++--
2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/main/styleguide/source/_patterns/templates/person.mustache b/main/styleguide/source/_patterns/templates/person.mustache
index 021b0eba..496b2408 100644
--- a/main/styleguide/source/_patterns/templates/person.mustache
+++ b/main/styleguide/source/_patterns/templates/person.mustache
@@ -85,19 +85,19 @@
</h2>
<div class="__js-root twitter-carousel-root">
<ui-twitter-carousel>
- <div class="md:w-1/3 lg:w-1/4 pr-2">
+ <div class="w-full flex max-w-xs">
{{> molecules-twitter-box }}
</div>
- <div class="md:w-1/3 lg:w-1/4 pr-2">
+ <div class="w-full flex max-w-xs">
{{> molecules-twitter-box }}
</div>
- <div class="md:w-1/3 lg:w-1/4 pr-2">
+ <div class="w-full flex max-w-xs">
{{> molecules-twitter-box }}
</div>
- <div class="md:w-1/3 lg:w-1/4">
+ <div class="w-full flex max-w-xs">
{{> molecules-twitter-box }}
</div>
- <div class="md:w-1/3 lg:w-1/4">
+ <div class="w-full flex max-w-xs">
{{> molecules-twitter-box }}
</div>
</ui-twitter-carousel>
diff --git a/main/styleguide/source/css/molecules/carousels.pcss b/main/styleguide/source/css/molecules/carousels.pcss
index c6d4a530..1ef55bbe 100644
--- a/main/styleguide/source/css/molecules/carousels.pcss
+++ b/main/styleguide/source/css/molecules/carousels.pcss
@@ -186,12 +186,12 @@
top: -2.6rem;
}
&:before {
+ background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 100%);
content: '';
height: 100%;
- position: absolute;
right: 0;
+ position: absolute;
width: 20%;
z-index: 100;
- background: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(255,255,255,1) 100%);
}
}
--
GitLab