/* ✅ THICKEN ACTIVE TAB UNDERLINE */
div.absolute.bottom-0.w-full.bg-primary,
div.absolute.bottom-0.w-full[class*="bg-primary"] {
  height: 3px !important; /* 👈 Now properly overrides the default */
}

img.relative.object-contain {
    height: 40px !important;
    margin-top: 6px;
  }

  header img.relative.object-contain {
    margin-top: 6px;
  }
  
  footer img.relative.object-contain {
    margin-top: -7px; /* or margin-bottom: -4px for lift */
  }

  a:has(span.bg-primary-dark) span.bg-primary-dark {
    border-radius: 8px !important;
  }

  html.dark body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    z-index: -1;
    pointer-events: none;
  
    background:
      radial-gradient(circle at top left, rgba(28, 68, 252, 0.2) 0%, transparent 50%),
      radial-gradient(circle at top right, rgba(28, 68, 252, 0.15) 0%, transparent 70%),
      linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, #000000 100%);
  
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    mix-blend-mode: normal;
    opacity: 1;
  }
  
  /* ✅ Light mode version of the same gradient, lighter and subtle */
  @media (prefers-color-scheme: light) {
    body::before {
      content: "";
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 100vw;
      z-index: -1;
      pointer-events: none;
  
      background:
        radial-gradient(circle at top left, rgba(28, 68, 252, 0.05) 0%, transparent 50%),
        radial-gradient(circle at top right, rgba(28, 68, 252, 0.03) 0%, transparent 60%),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, #ffffff 100%);
  
      background-repeat: no-repeat;
      background-size: cover;
      background-position: top;
      mix-blend-mode: normal;
      opacity: 1;
    }
  }

  

.mint-mb-4 {
    margin-bottom: 1rem
}
.mint-mt-0 {
    margin-top: 0px
}
.mint-mt-4 {
    margin-top: 1rem
}
.mint-flex {
    display: flex
}
.mint-flex-1 {
    flex: 1 1 0%
}
.mint-gap-12 {
    gap: 3rem
}
.mint-rounded-xl {
    border-radius: 0.75rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-medium {
    font-weight: 500
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
.hover\:mint-text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity))
}
.dark\:hover\:mint-text-gray-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219 / var(--tw-text-opacity))
}

March 2025

2025 Releases

Reaction Repo

Introduction

Reaction Repo Documentation

Quickstart

Quick Guide to Arrow-Pushing and Key Reactions

Arrow-Pushing Guide

Additional Resources

Welcome to the Reaction Tutorial Catalog. Here you search through Reactions to find your desired reaction.

Sort by Name

Sort Alphabetically

Sort by Product

2024 Releases

Home

Tutorials

Overviews

Releases

Blog

Support

Harsh Oxidation Method for Carboxylic Acids and Ketones

Jones Oxidation

Gentle Oxidation method for Aldehyde to Carboxylic Acid.

Pinnick Oxidation

Mild oxidation method used to oxidize primary alcohols to aldehydes and secondary alcohols to ketones.

Corey-Kim Oxidation

Moffat-Pfitnzer Oxidation

Harsh oxidation method used to oxidize primary alcohols to carboxylic acids and secondary alcohols to ketones.

Release Notes

2025 Releases

CLI Update

Modules Updated

Release Notes

​CLI Update

Modules Updated

CLI Update