give / src / Campaigns / resources / admin / components / CampaignDetailsPage / Components / GoalProgressChart / styles.module.scss

styles.module.scss in GiveWP – Donation Plugin and Fundraising Platform 4.17.0, at src/Campaigns/resources/admin/components/CampaignDetailsPage/Components/GoalProgressChart/styles.module.scss

44 lines 702 B

Raw Download Zip

1	.goalProgressChart {
2	display: flex;
3	gap: 20px;
4	align-items: center;
5	}
6
7	/**
8	* The size of the chart is relative to the container.
9	* To get close to the design,
10	* the size is balanced at flex 3/2
11	* and the margins use negative values to control padding.
12	*/
13	.chartContainer {
14	flex: 3;
15	margin: 0 -50px;
16	}
17
18	.goalDetails {
19	flex: 2;
20	}
21
22	.goal {
23	font-size: 14px;
24	font-weight: 400;
25	line-height: 20px;
26	margin-bottom: 4px;
27	color: #1F2937;
28	}
29
30	.amount {
31	color: #2D802F;
32	font-size: 18px;
33	font-weight: 600;
34	margin-bottom: 2px;
35	line-height: 28px;
36	}
37
38	.goalType {
39	font-size: 12px;
40	font-weight: 400;
41	line-height: 18px;
42	color: #4b5563;
43	}
44