more gradient

huncholaneauthored 1 year ago

parent ec77858commit c3fba4a18fcc43a6090788880f218474fc226d81Browse files

2 files changed, +14 -8

+2-2twench_landing_page/components/FinalArtSection/FinalArtSection.css

		@@ -2,8 +2,8 @@
2	2	background: linear-gradient(
3	3	to bottom,
4	4	rgba(255, 255, 255, 1) 0%,
5		- rgba(255, 255, 255, 0) 100px,
6		- rgba(255, 255, 255, 0) calc(100% - 100px),
	5	+ rgba(255, 255, 255, 0) 150px,
	6	+ rgba(255, 255, 255, 0) calc(100% - 150px),
7	7	rgba(255, 255, 255, 1) 100%
8	8	),
9	9	url("/images/final/building.png") no-repeat center center/cover;

+12-6twench_landing_page/components/SocialBar/SocialBar.css

		@@ -5,41 +5,47 @@
5	5	.Twitter {
6	6	background: url("/images/socials/twitter.png") no-repeat center center;
7	7	background-size: 50%;
8		- @apply size-[40px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	8	+ @apply size-[30px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	9	+ @apply 424:size-[40px];
9	10	box-shadow: 4px 4px 0px black;
10	11	}
11	12
12	13	.Telegram {
13	14	background: url("/images/socials/telegram.png") no-repeat center center;
14	15	background-size: 50%;
15		- @apply size-[40px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	16	+ @apply size-[30px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	17	+ @apply 424:size-[40px];
16	18	box-shadow: 4px 4px 0px black;
17	19	}
18	20
19	21	.Youtube {
20	22	background: url("/images/socials/youtube.png") no-repeat center center;
21	23	background-size: 50%;
22		- @apply size-[40px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	24	+ @apply size-[30px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	25	+ @apply 424:size-[40px];
23	26	box-shadow: 4px 4px 0px black;
24	27	}
25	28
26	29	.Instagram {
27	30	background: url("/images/socials/instagram.png") no-repeat center center;
28	31	background-size: 50%;
29		- @apply size-[40px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	32	+ @apply size-[30px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	33	+ @apply 424:size-[40px];
30	34	box-shadow: 4px 4px 0px black;
31	35	}
32	36
33	37	.TikTok {
34	38	background: url("/images/socials/tiktok.png") no-repeat center center;
35	39	background-size: 50%;
36		- @apply size-[40px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	40	+ @apply size-[30px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	41	+ @apply 424:size-[40px];
37	42	box-shadow: 4px 4px 0px black;
38	43	}
39	44
40	45	.SoundCloud {
41	46	background: url("/images/socials/soundcloud.png") no-repeat center center;
42	47	background-size: 50%;
43		- @apply size-[40px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	48	+ @apply size-[30px] my-auto hover:bg-primary border-black border-2 cursor-pointer;
	49	+ @apply 424:size-[40px];
44	50	box-shadow: 4px 4px 0px black;
45	51	}