give / src / DonationSummary / resources / css / summary.scss

summary.scss in GiveWP – Donation Plugin and Fundraising Platform 4.16.9, at src/DonationSummary/resources/css/summary.scss

118 lines 2.0 KB

Raw Download Zip

1	.give-donation-submit > .give-donation-summary-section {
2	margin-bottom: 0;
3	}
4
5	.give-donation-summary-section {
6	font-family: Montserrat, serif;
7	font-style: normal;
8	font-weight: 600;
9	font-size: 16px;
10
11	svg {
12	margin: 0 5px;
13	vertical-align: text-top;
14
15	path {
16	fill: var(--primary-color, #3ba2e0);
17	}
18	}
19
20	.heading {
21	font-style: italic;
22	}
23
24	.give-donation-summary-table-wrapper {
25	color: #333333;
26	background-color: #f9f9f9;
27	margin: 20px -20px;
28	padding: 0 20px;
29	}
30
31	.back-btn {
32	color: var(--primary-color, #3ba2e0);
33	font-weight: 500;
34	font-size: 12px;
35	line-height: 23px;
36
37	margin: 0;
38	padding: 0;
39	border: 0;
40	cursor: pointer;
41	text-decoration: underline;
42	background-color: transparent;
43	}
44
45	.give-donation-summary-help-text {
46	color: #8c8c8c;
47
48	margin: 10px 0;
49
50	gap: 5px;
51	display: flex;
52	align-items: center;
53
54	.back-btn {
55	font-size: inherit;
56	}
57	}
58
59	table {
60	width: 100%;
61	border-collapse: collapse;
62	}
63
64	tbody {
65	color: #444444;
66	}
67
68	tr {
69	border-bottom: 1px solid #f2f2f2;
70	}
71
72	tr,
73	th,
74	td {
75	height: 42px;
76	padding: 10px 0;
77	}
78
79	th {
80	text-align: left;
81	}
82
83	td {
84	font-weight: 500;
85	font-size: 15px;
86	line-height: 18px;
87	}
88
89	th:last-child,
90	td:last-child {
91	text-align: right;
92	}
93
94	@media screen and (max-width: 500px) {
95	tr,
96	th,
97	td {
98	height: 26px;
99	}
100	th,
101	td {
102	padding-top: 15px;
103	vertical-align: top;
104
105	&:last-child {
106	width: 40%;
107	}
108	}
109	.give-donation-summary-help-text {
110	align-items: start;
111
112	img {
113	margin-top: 3px;
114	}
115	}
116	}
117	}
118