fix: examples cards small texts (#891)

Fixing small headings and descriptions on link cards (e.g. in
`/sdk/js/docs/examples`).
This font size comes from docosaurus and the class names have generated
suffixes (e.g. `cardTitle_rnsV`) so special selectors had to be used. It
was probably caused when changing the rem base size from 16px to 10px.

Reported here:
https://apify.slack.com/archives/C0L33UM7Z/p1710937646009279

Author: webrdaniel

apify-docs-theme/src/theme/custom.css

@@ -915,6 +915,17 @@ html[data-theme='dark'] .actionLink:hover::after {
     margin-left: 8px;
 }
 
+
+.card {
+    [class^="cardTitle"] {
+        font-size: 1.6rem !important;
+    }
+
+    [class^="cardDescription"] {
+        font-size: 1.2rem !important;
+    }
+}
+
 .cardContentWrapper {
     display: flex;
     padding-top: 1.6rem;

src/pages/index.module.css

@@ -82,6 +82,16 @@
     margin: 0;
 }
 
+.card {
+    [class^="cardTitle"] {
+        font-size: 1.6rem !important;
+    }
+
+    [class^="cardDescription"] {
+        font-size: 1.2rem !important;
+    }
+}
+
 .cardContentWrapper {
     display: flex;
     padding-top: 1.6rem;
@@ -113,12 +123,12 @@
     .bannerContentActions { width: 38.4rem; }
     .bannerContentDescription { width: 25rem; margin-bottom: 0; }
     .actionCards { grid-template-columns: repeat(2, 1fr); }
-    .smallBannerContent { 
+    .smallBannerContent {
         flex-direction: row;
         justify-content: space-between;
         align-items: center;
         align-self: stretch;
-        text-align: left; 
+        text-align: left;
     }
     .smallBannerContent h2 { align-self: flex-start; }
     .smallBannerContentText { width: 41.8rem; }
@@ -132,7 +142,7 @@
 @media (min-width: 1024px) {
     .cards { grid-template-columns: repeat(3, 1fr); }
     .actionCards { width: 896px; }
-    .bannerContentActions { width: 41.8rem; } 
+    .bannerContentActions { width: 41.8rem; }
     .bannerContentDescription { width: 38.4rem; }
     .bannerContentImage {
         width: 38.4rem;
@@ -149,4 +159,4 @@
         margin-top: 14.2rem;
     }
 
-}
+}