give
/
src
/
Subscriptions
/
resources
/
admin
/
components
/
SubscriptionDetailsPage
/
Tabs
/
Overview
/
styles.module.scss
give
/
src
/
Subscriptions
/
resources
/
admin
/
components
/
SubscriptionDetailsPage
/
Tabs
/
Overview
Last commit date
SubscriptionAnnualProjection
11 months ago
SubscriptionStats
11 months ago
SubscriptionSummary
10 months ago
SubscriptionSummaryGrid
10 months ago
index.tsx
10 months ago
styles.module.scss
11 months ago
styles.module.scss
45 lines
| 1 | $breakpoint-desktop: 900px; |
| 2 | |
| 3 | .overview { |
| 4 | display: grid; |
| 5 | grid-template-columns: repeat(3, 1fr); |
| 6 | gap: var(--givewp-spacing-4); |
| 7 | |
| 8 | @media (max-width: $breakpoint-desktop) { |
| 9 | grid-template-columns: 1fr; |
| 10 | gap: var(--givewp-spacing-6); |
| 11 | } |
| 12 | } |
| 13 | |
| 14 | .left, .right { |
| 15 | display: flex; |
| 16 | flex-direction: column; |
| 17 | gap: var(--givewp-spacing-6); |
| 18 | margin-top: var(--givewp-spacing-2); |
| 19 | } |
| 20 | |
| 21 | .left{ |
| 22 | grid-column: span 2; |
| 23 | |
| 24 | @media (max-width: $breakpoint-desktop) { |
| 25 | grid-column: span 1; |
| 26 | } |
| 27 | } |
| 28 | |
| 29 | .right { |
| 30 | grid-column: span 1; |
| 31 | } |
| 32 | |
| 33 | .card { |
| 34 | display: flex; |
| 35 | flex-direction: column; |
| 36 | justify-content: flex-start; |
| 37 | align-items: flex-start; |
| 38 | padding: 1rem 1.5rem 1.5rem; |
| 39 | border-radius: 8px; |
| 40 | border: solid 1px #f3f4f6; |
| 41 | background-color: var(--givewp-shades-white); |
| 42 | width: 100%; |
| 43 | box-sizing: border-box; |
| 44 | } |
| 45 |