docs/style.css at main · mainwp/docs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
/* Custom styles for MainWP Documentation */
/* ====================================== */

/*
 * Logo sizing in navigation header
 * Force larger logo display for better visibility
 */
img[alt*="logo"] {
  height: 44px !important;
  width: auto !important;
}

/*
 * Icon sizing for Card components
 * Mintlify's Card img property creates header images that are too large for icons.
 * These styles constrain icon images to a more appropriate size.
 */

/* Target images in Card components that are from our icons directory */
img[src*="/images/icons/addons"] {
  max-width: 64px !important;
  max-height: 64px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

/* Ensure card images maintain proper aspect ratio and centering */
[class*="card"] img[src*="/images/icons/"],
a[href*="/add-ons/"] img {
  max-width: 64px !important;
  max-height: 64px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0.5rem auto !important;
}

/* Reduce visual weight of icon header images in cards */
.prose img[src*="/images/icons/"],
.not-prose img[src*="/images/icons/"] {
  max-width: 64px !important;
  max-height: 64px !important;
}