Untitled

                Never    
Text
        
Download Raw Clone Report Copy 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
      crossorigin="anonymous"
    />
    <style>
        body {
          background-color: #f8f9fa; 
          padding-top: 50px; 
        }
        .task-label {
          font-weight: bold;
        }
      </style>
</head>
<body>
    <div class="container">
        <div class="mb-3">
            <textarea
              class="form-control"
              rows="5"
              id="txt"
            ></textarea>
        </div>
        <div class="mb-3 ">
            <label class="task-label"
              >Minified CSS</label
            >
            <div class="alert alert-primary" id="alrt"></div>

            <div class="btn btn-primary" onclick="minifyCSS()">Minify CSS</div>
          </div>
    </div>

    <script>
        function minifyCSS () {
            let textData = document.getElementById("txt").value;
            let lines = textData.split('\n');

            let minified = '';
            let inComment = false;
            let inString = false;

            for (let i = 0;i < lines.length;i++) {
                let line = lines[i].trim();

                if (line.startsWith('/*')) {
                    inComment = true;
                }

                if (inComment) {
                    if (line.endsWith('*/')) {
                        inComment = false;
                    }
                    continue;
                }

                let minifiedLine = '';

                for(let j = 0;j < line.length;j++) {
                    let char = line[j];

                    if (char === '"') {
                        inString != inString;
                    }

                    if (!inString) {
                        minifiedLine += char;
                    }
                }

                if (minifiedLine.trim() !== '') {
                    minified += minifiedLine.trim() + ' ';
                }
            }

            let result = document.getElementById("alrt");
            result.innerText = minified.trim();
        }

    </script>
</body>
</html>

Raw Text

Recent Public Pastes