huncholane/twenchPublic

main

twench/twench_landing_page/components/SocialBar/SocialBar.css

51 lines1.6 KBCSS

RawDownloadHistory

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