enchque

var gulp = require('gulp');
var gutil  = require('gulp-util');
var argv   = require('minimist')(process.argv);
var prompt = require('gulp-prompt');
var rsync  = require('gulp-rsync');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var sourcemaps = require('gulp-sourcemaps');
var browserSync = require('browser-sync');
var useref = require('gulp-useref');

enchque

<script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
<div class="bg-white mx-auto my-auto p-6">
  <div x-data="app()" x-init="[initColor()]">
    <div>
      <label for="color-picker" class="block mb-1 font-semibold">Select a color</label>
      <div class="flex flex-row relative">
        <input id="color-picker" class="border border-gray-400 p-2 rounded-lg" x-model="currentColor">
        <div @click="isOpen = !isOpen" class="cursor-pointer rounded-full ml-3 my-auto h-10 w-10 flex" :class="`bg-${currentColor}`" >
          <svg xmlns="http://www.w3.org/2000/svg" :class="`${iconColor}`" class="h-6 w-6 mx-auto my-auto" fill="none" viewBox="0 0 24 24" stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"

enchque

<script>
function execPolyfill() {

(function(){
// CustomElementsV1.min.js v1 polyfill from https://github.com/webcomponents/webcomponentsjs/tree/v1/src/CustomElements/v1.
/*
 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.
 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

enchque

@media only screen and (max-width: 1024px) {
    .package-info-container{ padding: 0 2%; }
    .package-info{ width: 49.5%; margin-right: 0; }
    .package-info h5 { min-height: unset; }
    .package-info:not(:last-child) { margin-right: 0; }
    .package-info:nth-child(odd) { margin-right: .4%; }
    .package-info:first-child, .package-info:nth-child(2) { margin-bottom: 20px; }

    section.main { width: 100%; max-width: 100%; }
}