camel.

kysely-org · Oct 12, 2024 · 912c4bd · 912c4bd
1 parent d758651
commit 912c4bd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/site/src/components/SectionFeatures/index.tsx b/site/src/components/SectionFeatures/index.tsx
@@ -93,13 +93,13 @@ function Feature({ title, description }: FeatureItem) {
   return (
     <div className={clsx('col col--6')} style={{ padding: 10 }}>
       <div className="padding-horiz--md">
-        <h3 className={styles['feature-title']}>
-          <span className={styles['tick-container']}>
-            <TickIcon className={styles['tick-icon']} />
+        <h3 className={styles.featureTitle}>
+          <span className={styles.tickContainer}>
+            <TickIcon className={styles.tickIcon} />
           </span>
           {title}
         </h3>
-        <p className={styles['feature-description']}>{description}</p>
+        <p className={styles.featureDescription}>{description}</p>
       </div>
     </div>
   )

diff --git a/site/src/components/SectionFeatures/styles.module.css b/site/src/components/SectionFeatures/styles.module.css
@@ -8,18 +8,18 @@
   padding: 64px 0;
 }
 
-.feature-title {
+.featureTitle {
   align-items: center;
   color: var(--gray12);
   display: inline-flex;
   gap: 8px;
 }
 
-[data-theme='dark'] .feature-title {
+[data-theme='dark'] .featureTitle {
   color: var(--gray4);
 }
 
-.tick-container {
+.tickContainer {
   background-color: var(--sky7);
   border: 1px solid var(--sky10);
   border-radius: 100%;
@@ -30,16 +30,16 @@
   width: 20px;
 }
 
-.tick-icon {
+.tickIcon {
   height: 12px;
   fill: var(--sky12);
   width: 12px;
 }
 
-.feature-description {
+.featureDescription {
   color: var(--gray11);
 }
 
-[data-theme='dark'] .feature-description {
+[data-theme='dark'] .featureDescription {
   color: var(--gray8);
 }