ATOM Mate Adapter DIY Expansion Kit

M

m5stack-store.myshopify.com Verified independent store

→

/* ===== Scoped Description Style ===== */ .product-description.rte { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color : #2c2c2c; line-height: 1.65; font-size: 16px; } /* ===== Headings ===== */ .product-description.rte h2 { font-size: 1.8em; color: #0D47A1; border-left: 4px solid #1f6fe5; padding-left: 12px; margin-top: 32px; margin-bottom: 16px; } /* ===== H3 Titles Optimization ===== */ .product-description.rte h3 { font-size: 1.4em; color: #0D47A1; margin-top: 24px; margin-bottom: 12px; font-weight: 500; padding-bottom: 6px; border-bottom: 2px solid #e6e6e6; } /* ===== Paragraphs ===== */ .product-description.rte p { margin-bottom: 20px; line-height: 1.8; color: #4a4f57; font-size: 16px; } /* ===== Paragraph Images (only in description) ===== */ .product-description.rte img { display: block; max-width: 100%; height: auto; margin: 24px auto; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); } /* ===== Lists ===== */ .product-description.rte ul { padding-left: 20px; margin-bottom: 16px; list-style-type: disc; } .product-description.rte li { margin-bottom: 6px; } /* ===== Links ===== */ .product-description.rte a { color: #0288D1; text-decoration: none; transition: color 0.3s ease; } .product-description.rte a:hover { color: #01579B; } /* ===== M5Stack-style Spec Table ===== */ .product-description.rte .table-container { width: 100%; margin: 24px 0; overflow-x: auto; } .product-description.rte .table-container table { width: 100%; border-collapse: collapse; font-family: inherit; font-size: 14px; color: #2c2f36; background-color: #ffffff; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04); } .product-description.rte .table-container thead th { background: #1f6fe5; color: #ffffff; padding: 14px 16px; text-align: center; font-weight: 600; border: none; vertical-align: middle; } .product-description.rte .table-container td { padding: 14px 16px; border-bottom: 1px solid #e6ebf2; vertical-align: middle; } .product-description.rte .table-container tbody td:first-child { width: 36%; text-align: center; font-weight: 500; color: #4a4f57; background-color: rgba(31, 111, 229, 0.02); } .product-description.rte .table-container tbody tr:nth-child(even) { background-color: #f7f9fc; } @media (hover: hover) { .product-description.rte .table-container tbody tr:hover { background-color: #eef3ff; } } /* ===== Learn & Documents Button ===== */ .product-description.rte #learn-and-documents-btn { display: inline-flex; align-items: center; padding: 6px 14px; background-color: #1f6fe5; color: #ffffff; font-weight: 600; border-radius: 6px; margin-top: 8px; text-decoration: none; transition: background 0.3s ease; } .product-description.rte #learn-and-documents-btn:hover { background-color: #1661c1; } /* ===== Responsive Design for Smaller Screens (with table adjustments) ===== */ @media screen and (max-width: 768px) { .product-description.rte .table-container table, .product-description.rte .table-container thead, .product-description.rte .table-container tbody, .product-description.rte .table-container th, .product-description.rte .table-container td, .product-description.rte .table-container tr { display: block; width: 100%; } .product-description.rte .table-container thead { display: none; } .product-description.rte .table-container tbody tr { padding: 12px 0; border-bottom: 1px solid #e6ebf2; } .product-description.rte .table-container tbody td { padding: 8px 16px; border: none; text-align: left; } .product-description.rte .table-container tbody td:first-child { width: 100%; background: none; color: #1f6fe5; font-weight: 600; padding-top: 16px; } .product-description.rte .table-container tbody td:last-child { padding-bottom: 16px; color: #2c2f36; line-height: 1.6; } /* Ensure button appears correctly on mobile */ .product-description.rte #learn-and-documents-btn { font-size: 14px; padding: 8px 16px; } } Description Atom Mate is a DIY expansion kit specifically designed for the ATOM series. The kit includes three types of accessories. AtomPin is a pin breakout board that extends the pins from the bottom of the Atom. With a specially designed bracket, it allows easy mounting of the Atom without interfering with the pin usage. The perforated design around the edges allows users to break off sections as needed, making it easier to build circuits on a breadboard. AtomHat is an adapter board for M5StickC Hat series products. If you already own HAT accessories, you can directly use them with AtomHat, increasing product reusability. The cross-shaped holes at the bottom can be connected to building blocks, making it very convenient to secure. AtomMount is a building block accessory specifically designed for fixing the Atom. It only requires one screw to connect with the Atom and can be combined with other building blocks, injecting vitality into your creations. Features Compatible with Atom-Matrix/Atom-Lite Multiple DIY methods Flexible installation Compatible with HAT/breadboard Includes 1 x AtomPin bracket 1 x AtomPin blank board 1 x AtomHat 1 x AtomMount 5 x 2.54-5P pin headers 1 x 2.54-4P pin header 1 x Hex key 1 x M2*6 cup head machine screw 1 x M2*8 cup head machine screw Applications Experimental circuit breadboard setup Use with building blocks HAT adapter Specifications Specification Details Material Plastic (PC) Dimensions AtomHAT: 24 x 24 x 8mm, AtomMount: 24 x 24 x 8mm, AtomPin: 24 x 38 x 8mm Weight 11g Package Size 138.0 x 93.0 x 17.0mm Gross Weight 22g Learn and Documents → DOCUMENTS Show more