Collapsible Sections with Rounded Corners body { font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; box-sizing: border-box; color: black; overflow-x: hidden; } a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } .tab-links { display: flex; justify-content: space-between; margin-bottom: 0; background: #fff; padding: 0; } .tab-links button { flex-grow: 1; padding: 12px 20px; border: none; background-color: #f2f2f2; cursor: pointer; outline: none; border-top-left-radius: 8px; border-top-right-radius: 8px; transition: background-color 0.3s; border-bottom: 2px solid transparent; color: black; } .tab-links button:hover { background-color: orange; } .tab-links button.active { background-color: #ccc; border-bottom-color: #ccc; font-weight: bold; } .tab-content { display: none; padding: 20px; border: 1px solid #ccc; border-radius: 8px; border-top-left-radius: 0; border-top-right-radius: 0; } .tab-content.active { display: block; } .collapsible { background-color: #f2f2f2; color: black; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; display: flex; justify-content: flex-start; align-items: center; transition: background-color 0.3s; border-top: 1px solid white; border-radius: 8px; } .collapsible:first-of-type { border-top: none; } .collapsible.active { background-color: #e2e2e2; } .collapsible span { font-size: 18px; margin-right: 10px; transition: transform 0.3s ease; } .collapsible.active span { transform: rotate(45deg); } .collapsible-content { max-height: 0; padding: 0 18px; overflow: hidden; background-color: white; border-top: none; border-radius: 8px; transition: max-height 0.3s ease-out, padding 0.3s ease-out; } .collapsible-content.active { max-height: 1000px; padding: 18px; } @media (max-width: 600px) { .tab-links button { padding: 15px 10px; } .tab-content { padding: 15px; } } @media (max-width: 600px) { .tab-content img { width: 100%; height: auto; object-fit: contain; max-width: 100%; } } /* Add styling for video size */ .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; max-width: 100%; background: #000; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Grey box styling for downloads */ .gray-box { background-color: #f2f2f2; padding: 10px; border-radius: 8px; margin-bottom: 10px; display: inline-block; } .gray-box a { color: black; text-decoration: none; } .gray-box a:hover { text-decoration: underline; } Description Specs Use The Mini Slap is a convenient way to add quick protection to your surfaces where and when you need it the most! Made of pure 100% first-grade silicone, the Mini Slap will not be harmed by resins, most chemicals, your hot nozzle, or melted solder! Each Mini Slap measures 92mm round and each 4-pack includes two "thank you ma'am" and two "thank you man" versions! We utilize thicker 100% high-quality first-grade silicon, as opposed to the lower-grade alternatives commonly found in online discount stores. This choice results in a mat with a more robust surface, facilitating easy removal of resins and other materials. It also makes transporting the mat easier as it’s stiffer. Additionally, our mats boast enhanced durability and prolonged resistance to heat and various chemicals compared to standard silicon mats found elsewhere. As a result, our mats stand out as among the strongest, if not the strongest, available on the market. Just some of the Mini Slap uses: Resin bottle holder Soldering iron mat Screw, nut, and all things rolly holder Rest a hot nozzle on it while working on your printer Cup coaster Or use under your printers as a catch all. See more Slap Mat® Products here . Size: Ø92 mm Thickness: 2 mm center and 4 mm for lip **Advisory Note:** Using baking soda as an accelerator with glue directly on the Slap Mat® is not recommended. Over time, this can degrade the silicone material of the mat. To prevent this, apply a wax protective layer or place a barrier over the Slap Mat® when using such chemical combinations. Clean Up: Put on the proper safety equipment for resin like gloves and mask. Then carefully take the mat with 2 hands and transport it outside in the sunlight. Wait for the resin to harden. Then simply flex it off. Wipe any leftover resin off with IPA and a paper towel. Glues and other epoxies should just flex off when dry or you can just wipe them off with IPA. Download: Mini Slap® holder Helpful Videos: In Action Slap Mat Family Uncle Jessy review function openTab(event, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].classList.remove("active"); } tablinks = document.getElementsByClassName("tab-link"); for (i = 0; i < tablinks.length; i++) { tablinks[i].classList.remove("active"); } document.getElementById(tabName).classList.add("active"); event.currentTarget.classList.add("active"); } document.addEventListener("DOMContentLoaded", function () { var collapsibles = document.getElementsByClassName("collapsible"); for (var i = 0; i < collapsibles.length; i++) { collapsibles[i].addEventListener("click", function () { this.classList.toggle("active"); var content = this.nextElementSibling; content.classList.toggle("active"); }); } });
Related
Related
Related
Related