{"id":10244,"date":"2026-09-01T23:31:21","date_gmt":"2026-09-01T23:31:21","guid":{"rendered":"https:\/\/theycraft.com\/?page_id=10244"},"modified":"2026-09-02T02:21:16","modified_gmt":"2026-09-02T02:21:16","slug":"tiered-ruffle-skirt-calculator","status":"publish","type":"page","link":"https:\/\/theycraft.com\/fr\/sewing-free-tools\/tiered-ruffle-skirt-calculator\/","title":{"rendered":"Tiered &#038; Ruffle Skirt Calculator"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"10244\" class=\"elementor elementor-10244\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60e21a8 e-con e-atomic-element e-flexbox-base e-default-div e-310ff39\" data-id=\"60e21a8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"60e21a8\">\n    <div class=\"elementor-element elementor-element-b92700b e-flex e-con-boxed e-con e-parent\" data-id=\"b92700b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9daaed4 elementor-widget elementor-widget-html\" data-id=\"9daaed4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .tc-tier-banner-wrap {\r\n    width: 100%;\r\n    margin: 0 auto 24px auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n  .tc-tier-banner-wrap * { box-sizing: border-box; }\r\n\r\n  .tc-tier-hero-card {\r\n    position: relative;\r\n    width: 100%;\r\n    background: radial-gradient(circle at 85% 15%, #1e293b 0%, #0f172a 70%);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    border-radius: 20px;\r\n    padding: 56px 32px;\r\n    text-align: center;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 25px -5px rgba(15, 23, 42, 0.25), 0 8px 10px -6px rgba(15, 23, 42, 0.2);\r\n  }\r\n\r\n  .tc-tier-hero-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background-image: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1px);\r\n    background-size: 20px 20px;\r\n    pointer-events: none;\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .tc-tier-hero-content {\r\n    position: relative;\r\n    z-index: 1;\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .tc-tier-badge-pill {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    background: rgba(52, 211, 153, 0.1);\r\n    border: 1px solid rgba(52, 211, 153, 0.25);\r\n    color: #34d399;\r\n    font-size: 11px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.4px;\r\n    text-transform: uppercase;\r\n    padding: 6px 14px;\r\n    border-radius: 9999px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  .tc-tier-badge-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background-color: #34d399;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 8px #34d399;\r\n  }\r\n\r\n  .tc-tier-hero-title {\r\n    color: #ffffff !important;\r\n    font-size: 34px !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.25 !important;\r\n    letter-spacing: -0.5px;\r\n    margin: 0 auto 16px auto !important;\r\n  }\r\n\r\n  .tc-tier-hero-desc {\r\n    color: #94a3b8;\r\n    font-size: 16px;\r\n    line-height: 1.6;\r\n    max-width: 580px;\r\n    margin: 0 auto 28px auto;\r\n  }\r\n\r\n  .tc-tier-cta-btn {\r\n    display: inline-block;\r\n    background: #059669;\r\n    color: #ffffff !important;\r\n    text-decoration: none !important;\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.3px;\r\n    padding: 14px 36px;\r\n    border-radius: 9999px;\r\n    border: none;\r\n    cursor: pointer;\r\n    box-shadow: 0 4px 18px rgba(5, 150, 105, 0.4);\r\n    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .tc-tier-cta-btn:hover {\r\n    background: #047857;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 24px rgba(5, 150, 105, 0.5);\r\n  }\r\n\r\n  .tc-tier-cta-btn:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.3);\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .tc-tier-hero-card {\r\n      padding: 36px 20px;\r\n      border-radius: 16px;\r\n    }\r\n    .tc-tier-hero-title {\r\n      font-size: 24px !important;\r\n    }\r\n    .tc-tier-hero-desc {\r\n      font-size: 14px;\r\n      margin-bottom: 22px;\r\n    }\r\n    .tc-tier-cta-btn {\r\n      width: 100%;\r\n      padding: 13px 20px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"tc-tier-banner-wrap\">\r\n  <div class=\"tc-tier-hero-card\">\r\n    <div class=\"tc-tier-hero-content\">\r\n      \r\n      <div class=\"tc-tier-badge-pill\">\r\n        <span class=\"tc-tier-badge-dot\"><\/span>\r\n        FREE SEWING TOOL\r\n      <\/div>\r\n\r\n      <h1 class=\"tc-tier-hero-title\">\r\n        Tiered &amp; Ruffle Skirt Calculator\r\n      <\/h1>\r\n\r\n      <p class=\"tc-tier-hero-desc\">\r\n        Calculate exact cut lengths, panel gathering ratios, and total fabric yardage for 2, 3, or 4-tier boho skirts with zero math stress.\r\n      <\/p>\r\n\r\n      <a href=\"#tierWaistInp\" class=\"tc-tier-cta-btn\">\r\n        Calculate My Tiers\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e6dd222 e-con e-atomic-element e-flexbox-base e-default-div e-e6dd222-3b78b55\" data-id=\"e6dd222\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e6dd222\">\n    <div class=\"elementor-element elementor-element-f965e17 e-flex e-con-boxed e-con e-parent\" data-id=\"f965e17\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c94b12 elementor-widget elementor-widget-html\" data-id=\"0c94b12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .tc-tier-calc-root {\r\n    width: 100%;\r\n    max-width: 540px;\r\n    margin: 0 auto;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n    color: #1e293b;\r\n    box-sizing: border-box;\r\n    line-height: 1.5;\r\n  }\r\n  .tc-tier-calc-root * { box-sizing: border-box; }\r\n\r\n  \/* Card Styles *\/\r\n  .tc-tier-card {\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 12px;\r\n    padding: 20px;\r\n    margin-bottom: 18px;\r\n    box-shadow: 0 4px 6px -1px rgba(0,0,0,0.04);\r\n  }\r\n  .tc-tier-card h3 {\r\n    margin: 0 0 14px 0;\r\n    font-size: 17px;\r\n    color: #0f172a;\r\n    border-bottom: 2px solid #f1f5f9;\r\n    padding-bottom: 8px;\r\n  }\r\n\r\n  \/* Form Fields *\/\r\n  .tc-tier-field { margin-bottom: 12px; }\r\n  .tc-tier-field label {\r\n    display: block;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    margin-bottom: 4px;\r\n    color: #1e293b;\r\n  }\r\n  .tc-tier-field input, .tc-tier-field select {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    font-size: 14px;\r\n    background: #ffffff;\r\n    color: #1e293b;\r\n  }\r\n  .tc-tier-toggle { display: flex; gap: 8px; margin-bottom: 14px; }\r\n  .tc-tbtn {\r\n    flex: 1;\r\n    padding: 8px;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    background: #f8fafc;\r\n    color: #475569;\r\n    cursor: pointer;\r\n  }\r\n  .tc-tbtn.active {\r\n    background: #0f172a !important;\r\n    color: #ffffff !important;\r\n    border-color: #0f172a !important;\r\n  }\r\n\r\n  \/* Results Table *\/\r\n  .tc-tier-results {\r\n    margin-top: 14px;\r\n    padding: 14px;\r\n    background: #f8fafc;\r\n    border-radius: 8px;\r\n    border: 1px solid #cbd5e1;\r\n  }\r\n  .tc-tier-row {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 6px 0;\r\n    border-bottom: 1px dashed #cbd5e1;\r\n    font-size: 13px;\r\n  }\r\n  .tc-tier-row:last-of-type { border-bottom: none; }\r\n  .tc-tier-row strong { color: #059669; }\r\n\r\n  \/* SVG Stack *\/\r\n  #tcTierSvg {\r\n    width: 100%;\r\n    height: 200px;\r\n    background: #ffffff;\r\n    border: 1px solid #cbd5e1;\r\n    border-radius: 6px;\r\n    margin-top: 12px;\r\n    display: block;\r\n  }\r\n\r\n  \/* Guides & Notes *\/\r\n  .tc-tier-h4 {\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    color: #059669;\r\n    margin: 14px 0 6px 0;\r\n  }\r\n  .tc-tier-list {\r\n    margin: 0 0 10px 0;\r\n    padding-left: 18px;\r\n    font-size: 13px;\r\n    line-height: 1.6;\r\n    color: #334155;\r\n  }\r\n  .tc-tier-list li { margin-bottom: 4px; }\r\n  .tc-tier-list strong { color: #1e293b; }\r\n  .tc-tier-formula {\r\n    background: #0f172a;\r\n    color: #f8fafc;\r\n    padding: 12px;\r\n    border-radius: 6px;\r\n    font-family: monospace;\r\n    font-size: 12px;\r\n    line-height: 1.6;\r\n    margin: 8px 0;\r\n  }\r\n  .tc-tier-formula span { color: #34d399; }\r\n<\/style>\r\n\r\n<div class=\"tc-tier-calc-root\">\r\n\r\n  <div class=\"tc-tier-card\">\r\n    <div class=\"tc-tier-toggle\">\r\n      <button type=\"button\" class=\"tc-tbtn active\" id=\"btnTierIn\">Inches &amp; Yards<\/button>\r\n      <button type=\"button\" class=\"tc-tbtn\" id=\"btnTierCm\">Centimeters &amp; Meters<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"tc-tier-field\">\r\n      <label for=\"tierCountSel\">Number of Tiers<\/label>\r\n      <select id=\"tierCountSel\">\r\n        <option value=\"2\">2 Tiers (Minimal \/ Midi)<\/option>\r\n        <option value=\"3\" selected>3 Tiers (Classic Peasant \/ Maxi)<\/option>\r\n        <option value=\"4\">4 Tiers (Boho Statement)<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"tc-tier-field\">\r\n      <label for=\"tierFullnessSel\">Gather Fullness Ratio<\/label>\r\n      <select id=\"tierFullnessSel\">\r\n        <option value=\"1.5\">1.5x (Gentle subtle gathers - ideal for linen)<\/option>\r\n        <option value=\"1.8\" selected>1.8x (Standard balanced drape - cotton &amp; rayon)<\/option>\r\n        <option value=\"2.0\">2.0x (Full &amp; voluminous - dramatic ruffle)<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"tc-tier-field\">\r\n      <label for=\"tierWaistInp\" id=\"lblTierWaist\">Waist \/ Hip Circumference (inches)<\/label>\r\n      <input type=\"number\" id=\"tierWaistInp\" value=\"28\" min=\"1\" step=\"0.5\" \/>\r\n    <\/div>\r\n\r\n    <div class=\"tc-tier-field\">\r\n      <label for=\"tierLengthInp\" id=\"lblTierLength\">Total Finished Skirt Length (inches)<\/label>\r\n      <input type=\"number\" id=\"tierLengthInp\" value=\"33\" min=\"1\" step=\"0.5\" \/>\r\n    <\/div>\r\n\r\n    <div class=\"tc-tier-results\">\r\n      <div class=\"tc-tier-row\">\r\n        <span>Cut Height Per Tier (incl. seam allowances):<\/span>\r\n        <span><strong id=\"outTierHeight\">12.0<\/strong> <span class=\"unitTierLabel\">in<\/span><\/span>\r\n      <\/div>\r\n      <div class=\"tc-tier-row\">\r\n        <span>Tier 1 Total Strip Width:<\/span>\r\n        <span><strong id=\"outT1Width\">42.0<\/strong> <span class=\"unitTierLabel\">in<\/span><\/span>\r\n      <\/div>\r\n      <div class=\"tc-tier-row\">\r\n        <span>Tier 2 Total Strip Width:<\/span>\r\n        <span><strong id=\"outT2Width\">75.6<\/strong> <span class=\"unitTierLabel\">in<\/span><\/span>\r\n      <\/div>\r\n      <div class=\"tc-tier-row\" id=\"rowT3\">\r\n        <span>Tier 3 Total Strip Width:<\/span>\r\n        <span><strong id=\"outT3Width\">136.1<\/strong> <span class=\"unitTierLabel\">in<\/span><\/span>\r\n      <\/div>\r\n      <div class=\"tc-tier-row\" id=\"rowT4\" style=\"display: none;\">\r\n        <span>Tier 4 Total Strip Width:<\/span>\r\n        <span><strong id=\"outT4Width\">245.0<\/strong> <span class=\"unitTierLabel\">in<\/span><\/span>\r\n      <\/div>\r\n      <div class=\"tc-tier-row\">\r\n        <span>Estimated Fabric Needed (44\" bolt):<\/span>\r\n        <span><strong id=\"outTierFabric\">2.25<\/strong> <span id=\"unitTierFabLabel\">yards<\/span><\/span>\r\n      <\/div>\r\n\r\n      <svg id=\"tcTierSvg\" viewbox=\"0 0 340 200\">\r\n        <rect id=\"svgT1\" x=\"95\" y=\"20\" width=\"150\" height=\"40\" rx=\"3\" fill=\"#ecfdf5\" stroke=\"#059669\" stroke-width=\"1.5\" \/>\r\n        <text id=\"svgTxtT1\" x=\"170\" y=\"44\" font-size=\"11\" fill=\"#065f46\" font-weight=\"600\" text-anchor=\"middle\">Tier 1<\/text>\r\n\r\n        <rect id=\"svgT2\" x=\"70\" y=\"70\" width=\"200\" height=\"40\" rx=\"3\" fill=\"#ecfdf5\" stroke=\"#059669\" stroke-width=\"1.5\" \/>\r\n        <text id=\"svgTxtT2\" x=\"170\" y=\"94\" font-size=\"11\" fill=\"#065f46\" font-weight=\"600\" text-anchor=\"middle\">Tier 2<\/text>\r\n\r\n        <rect id=\"svgT3\" x=\"40\" y=\"120\" width=\"260\" height=\"40\" rx=\"3\" fill=\"#ecfdf5\" stroke=\"#059669\" stroke-width=\"1.5\" \/>\r\n        <text id=\"svgTxtT3\" x=\"170\" y=\"144\" font-size=\"11\" fill=\"#065f46\" font-weight=\"600\" text-anchor=\"middle\">Tier 3<\/text>\r\n\r\n        <rect id=\"svgT4\" x=\"20\" y=\"155\" width=\"300\" height=\"30\" rx=\"3\" fill=\"#ecfdf5\" stroke=\"#059669\" stroke-width=\"1.5\" style=\"display:none;\" \/>\r\n        <text id=\"svgTxtT4\" x=\"170\" y=\"174\" font-size=\"11\" fill=\"#065f46\" font-weight=\"600\" text-anchor=\"middle\" style=\"display:none;\">Tier 4<\/text>\r\n      <\/svg>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tc-tier-card\">\r\n    <h3>Tiered Skirt Field Manual<\/h3>\r\n\r\n    <div class=\"tc-tier-h4\">Cutting &amp; Assembly Steps<\/div>\r\n    <ul class=\"tc-tier-list\">\r\n      <li><strong>Cut Fabric Strips:<\/strong> Cut rectangular panels using the calculated <em>Cut Height<\/em>. When a tier's required width exceeds your fabric bolt width, cut multiple panels and join them with side seams.<\/li>\r\n      <li><strong>Gathering Rows:<\/strong> Sew two parallel rows of long basting stitches across the upper edge of each tier to draw up the gathers evenly before pinning.<\/li>\r\n      <li><strong>Elastic Waistband Tip:<\/strong> If using a pull-on elastic band, input your <strong>hip circumference<\/strong> as the waist measurement so the waist opening slides over your hips.<\/li>\r\n    <\/ul>\r\n\r\n    <div class=\"tc-tier-h4\">The Math Formula<\/div>\r\n    <div class=\"tc-tier-formula\">\r\n      \u2022 Tier Height = <span>(Total Length \u00f7 Tiers) + 1\" allowance<\/span><br>\r\n      \u2022 Tier 1 Width = <span>Waist \u00d7 1.5<\/span><br>\r\n      \u2022 Lower Tier Width = <span>Upper Tier Width \u00d7 Multiplier<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n  var activeUnit = 'in';\r\n\r\n  function initTierCalc() {\r\n    var btnIn = document.getElementById('btnTierIn');\r\n    var btnCm = document.getElementById('btnTierCm');\r\n    var countSel = document.getElementById('tierCountSel');\r\n    var fullSel = document.getElementById('tierFullnessSel');\r\n    var waistInp = document.getElementById('tierWaistInp');\r\n    var lengthInp = document.getElementById('tierLengthInp');\r\n\r\n    var lblWaist = document.getElementById('lblTierWaist');\r\n    var lblLength = document.getElementById('lblTierLength');\r\n\r\n    var outHeight = document.getElementById('outTierHeight');\r\n    var outT1 = document.getElementById('outT1Width');\r\n    var outT2 = document.getElementById('outT2Width');\r\n    var outT3 = document.getElementById('outT3Width');\r\n    var outT4 = document.getElementById('outT4Width');\r\n    var outFab = document.getElementById('outTierFabric');\r\n\r\n    var rowT3 = document.getElementById('rowT3');\r\n    var rowT4 = document.getElementById('rowT4');\r\n    var svgT3 = document.getElementById('svgT3');\r\n    var svgTxtT3 = document.getElementById('svgTxtT3');\r\n    var svgT4 = document.getElementById('svgT4');\r\n    var svgTxtT4 = document.getElementById('svgTxtT4');\r\n\r\n    var unitLabels = document.querySelectorAll('.unitTierLabel');\r\n    var unitFabLabel = document.getElementById('unitTierFabLabel');\r\n\r\n    if (!btnIn || !btnCm || !waistInp || !lengthInp) return;\r\n\r\n    function runMath() {\r\n      var tiers = parseInt(countSel.value, 10);\r\n      var multiplier = parseFloat(fullSel.value);\r\n      var waist = parseFloat(waistInp.value);\r\n      var length = parseFloat(lengthInp.value);\r\n\r\n      if (isNaN(waist) || waist <= 0) waist = (activeUnit === 'cm') ? 71 : 28;\r\n      if (isNaN(length) || length <= 0) length = (activeUnit === 'cm') ? 84 : 33;\r\n\r\n      var seamAllowance = (activeUnit === 'cm') ? 2.5 : 1.0;\r\n      var tierHeight = (length \/ tiers) + seamAllowance;\r\n\r\n      var t1 = waist * 1.5;\r\n      var t2 = t1 * multiplier;\r\n      var t3 = t2 * multiplier;\r\n      var t4 = t3 * multiplier;\r\n\r\n      var totalLinear = tierHeight * tiers * 1.35;\r\n      var fabricNeeded = (activeUnit === 'in') ? (totalLinear \/ 36) : (totalLinear \/ 100);\r\n\r\n      outHeight.textContent = tierHeight.toFixed(1);\r\n      outT1.textContent = t1.toFixed(1);\r\n      outT2.textContent = t2.toFixed(1);\r\n      outT3.textContent = t3.toFixed(1);\r\n      outT4.textContent = t4.toFixed(1);\r\n      outFab.textContent = Math.max(1.0, fabricNeeded).toFixed(2);\r\n\r\n      if (tiers === 2) {\r\n        rowT3.style.display = 'none';\r\n        rowT4.style.display = 'none';\r\n        svgT3.style.display = 'none';\r\n        svgTxtT3.style.display = 'none';\r\n        svgT4.style.display = 'none';\r\n        svgTxtT4.style.display = 'none';\r\n      } else if (tiers === 3) {\r\n        rowT3.style.display = 'flex';\r\n        rowT4.style.display = 'none';\r\n        svgT3.style.display = 'block';\r\n        svgTxtT3.style.display = 'block';\r\n        svgT4.style.display = 'none';\r\n        svgTxtT4.style.display = 'none';\r\n      } else {\r\n        rowT3.style.display = 'flex';\r\n        rowT4.style.display = 'flex';\r\n        svgT3.style.display = 'block';\r\n        svgTxtT3.style.display = 'block';\r\n        svgT4.style.display = 'block';\r\n        svgTxtT4.style.display = 'block';\r\n      }\r\n    }\r\n\r\n    function switchUnit(target) {\r\n      if (activeUnit === target) return;\r\n      activeUnit = target;\r\n\r\n      var wVal = parseFloat(waistInp.value);\r\n      var lVal = parseFloat(lengthInp.value);\r\n\r\n      if (target === 'cm') {\r\n        btnCm.className = 'tc-tbtn active';\r\n        btnIn.className = 'tc-tbtn';\r\n        lblWaist.textContent = 'Waist \/ Hip Circumference (cm)';\r\n        lblLength.textContent = 'Total Finished Skirt Length (cm)';\r\n        unitFabLabel.textContent = 'meters';\r\n        unitLabels.forEach(function(el) { el.textContent = 'cm'; });\r\n\r\n        if (!isNaN(wVal) && wVal > 0) waistInp.value = (wVal * 2.54).toFixed(1);\r\n        if (!isNaN(lVal) && lVal > 0) lengthInp.value = (lVal * 2.54).toFixed(1);\r\n      } else {\r\n        btnIn.className = 'tc-tbtn active';\r\n        btnCm.className = 'tc-tbtn';\r\n        lblWaist.textContent = 'Waist \/ Hip Circumference (inches)';\r\n        lblLength.textContent = 'Total Finished Skirt Length (inches)';\r\n        unitFabLabel.textContent = 'yards';\r\n        unitLabels.forEach(function(el) { el.textContent = 'in'; });\r\n\r\n        if (!isNaN(wVal) && wVal > 0) waistInp.value = (wVal \/ 2.54).toFixed(1);\r\n        if (!isNaN(lVal) && lVal > 0) lengthInp.value = (lVal \/ 2.54).toFixed(1);\r\n      }\r\n\r\n      runMath();\r\n    }\r\n\r\n    btnIn.addEventListener('click', function() { switchUnit('in'); });\r\n    btnCm.addEventListener('click', function() { switchUnit('cm'); });\r\n    countSel.addEventListener('change', runMath);\r\n    fullSel.addEventListener('change', runMath);\r\n    waistInp.addEventListener('input', runMath);\r\n    lengthInp.addEventListener('input', runMath);\r\n\r\n    runMath();\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initTierCalc);\r\n  } else {\r\n    initTierCalc();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>FREE SEWING TOOL Tiered &amp; Ruffle Skirt Calculator Calculate exact cut lengths, panel gathering ratios, and total fabric yardage for 2, 3, or 4-tier boho skirts with zero math stress. Calculate My Tiers Inches &amp; Yards Centimeters &amp; Meters Number of Tiers 2 Tiers (Minimal \/ Midi)3 Tiers (Classic Peasant \/ Maxi)4 Tiers (Boho Statement) [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10364,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","footnotes":""},"class_list":["post-10244","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/comments?post=10244"}],"version-history":[{"count":7,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10244\/revisions"}],"predecessor-version":[{"id":10251,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10244\/revisions\/10251"}],"up":[{"embeddable":true,"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/pages\/10364"}],"wp:attachment":[{"href":"https:\/\/theycraft.com\/fr\/wp-json\/wp\/v2\/media?parent=10244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}