Add safingTailwind-1.2

_includes/head.html

@@ -39,5 +39,5 @@
 <meta name="theme-color" content="#f7f7f7">
 
 <link rel="stylesheet" href="{{ site.vendor_url }}css/fonts-roboto.css" type="text/css">
-<link rel="stylesheet" href="{{ site.vendor_url }}css/tailwind.min.css" type="text/css">
+<link rel="stylesheet" href="{{ site.vendor_url }}safingTailwind/safingTailwind-1.2.css" type="text/css">
 <link rel="stylesheet" href="{{ site.assets_url }}css/main.css" type="text/css">

vendor/safingTailwind/docs/css/highlight.min.css

@@ -0,0 +1,9 @@
+/*!
+  Theme: Default
+  Description: Original highlight.js style
+  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
+  Maintainer: @highlightjs/core-team
+  Website: https://highlightjs.org/
+  License: see project LICENSE
+  Touched: 2021
+*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#f0f0f0;color:#444}.hljs-comment{color:#888}.hljs-punctuation,.hljs-tag{color:#444a}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:#444}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}

vendor/safingTailwind/docs/css/style.css

@@ -0,0 +1,42 @@
+.tabs-content{
+    border: 1px solid rgba(229,231,235,1);
+    border-radius: 8px;
+    overflow: hidden;
+    background: rgb(243, 244, 246);
+}
+.tabs-content > li{
+    display: none;
+}
+.tabs-content .active{
+    display: block !important;
+}
+
+.preview-container {
+    display: flex;
+    flex-direction: row;
+    overflow: hidden;
+    background-color: rgb(107, 114, 128);
+}
+.preview-panel-left {
+    flex: 0 0 auto;
+    width: 100%;
+    height: 100%;
+    min-height: 200px;
+    min-width: 150px;
+    max-width: 78.8rem;
+    background: rgb(243, 244, 246);
+    color: white;
+
+    position: relative;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 3rem;
+}
+.preview-panel-splitter {
+    flex: 0 0 auto;
+    width: 18px;  
+    background: url(../docs/img/vsizegrip.png) center center no-repeat #535353;
+    min-height: 200px;
+    cursor: col-resize;  
+}

vendor/safingTailwind/docs/js/internal/iframeRefresher.js

@@ -0,0 +1,28 @@
+window.onload = function () {
+    SetUpIframeData()
+};
+
+function SetUpIframeData() {
+    $('.preview-panel-left').each(function(){
+        iframe = $(this).find( ".iframe" );
+        data = $(this).find( ".data" );
+        iframeContents = iframe.contents()
+        innerHtml = iframeContents.find('html');
+        innerBody = iframeContents.find('body');
+        innerHead = iframeContents.find('head');
+        innerHead.append('<link rel="stylesheet" href="../safingTailwind-1.2.css">');
+        innerBody.append(data)
+    });
+    setTimeout(function(){ 
+        SetUpIframeHeight()
+    }, 500);
+}
+
+function SetUpIframeHeight() {
+    $('.preview-panel-left').each(function(){
+        iframe = $(this).find( ".iframe" );
+        iframeContents = iframe.contents()
+        innerHtml = iframeContents.find('html');
+        iframe.height((innerHtml.height()) + 'px')
+    });
+}

vendor/safingTailwind/docs/js/internal/preview.js

@@ -0,0 +1,15 @@
+$(".preview-panel-left").resizable({
+    handleSelector: ".preview-panel-splitter",
+    resizeHeight: false,
+});
+
+var i = 0, timeOut = 0;
+
+$(".preview-container").hover(function () {
+    iframe = $(this).parent().find( ".iframe" );
+    timeOut = setInterval(function(){
+        iframe.height((iframe.contents().find('html').height()) + 'px')
+    }, 10);
+}, function () {
+    clearInterval(timeOut);
+});

vendor/safingTailwind/docs/js/internal/tabs.js

@@ -0,0 +1,15 @@
+$(document).ready(function() {
+    var tabs = $('ul.tabs');
+    tabs.each(function(i) {
+        var tab = $(this).find('> li > a');
+        tab.click(function(e) {
+            var contentLocation = $(this).attr('href');
+            if(contentLocation.charAt(0)=="#") {
+                e.preventDefault();
+                tab.removeClass('active');
+                $(this).addClass('active');
+                $(contentLocation).show().addClass('active').siblings().hide().removeClass('active');
+            }
+        });
+    });
+});

vendor/safingTailwind/docs/js/vendor/jquery-resizable.js

@@ -0,0 +1,197 @@
+// <reference path="../bower_components/jquery/dist/jquery.js" />
+/*
+jquery-resizable
+Version 0.35 - 11/18/2019
+© 2015-2019 Rick Strahl, West Wind Technologies
+www.west-wind.com
+Licensed under MIT License
+*/
+(function(factory, undefined) {
+	if (typeof define === 'function' && define.amd) {
+		// AMD
+		define(['jquery'], factory);
+	} else if (typeof module === 'object' && typeof module.exports === 'object') {
+		// CommonJS
+		module.exports = factory(require('jquery'));
+	} else {
+		// Global jQuery
+		factory(jQuery);
+	}
+}(function($, undefined) {
+    
+    if ($.fn.resizableSafe)
+        return;
+
+    $.fn.resizableSafe = function fnResizable(options) {
+        var defaultOptions = {
+            // selector for handle that starts dragging
+            handleSelector: null,
+            // resize the width
+            resizeWidth: true,
+            // resize the height
+            resizeHeight: true,
+            // the side that the width resizing is relative to
+            resizeWidthFrom: 'right',
+            // the side that the height resizing is relative to
+            resizeHeightFrom: 'bottom',
+            // hook into start drag operation (event passed)
+            onDragStart: null,
+            // hook into stop drag operation (event passed)
+            onDragEnd: null,
+            // hook into each drag operation (event passed)
+            onDrag: null,
+            // disable touch-action on $handle
+            // prevents browser level actions like forward back gestures
+            touchActionNone: true,
+            // instance id
+            instanceId: null
+    };
+        if (typeof options == "object")
+            defaultOptions = $.extend(defaultOptions, options);
+
+        return this.each(function () {
+            var opt = $.extend({}, defaultOptions);
+            if (!opt.instanceId)
+                opt.instanceId = "rsz_" + new Date().getTime();            
+
+            var startPos, startTransition;
+
+            // get the element to resize 
+            var $el = $(this);
+            var $handle;
+
+            if (options === 'destroy') {            
+                opt = $el.data('resizable');
+                if (!opt)
+                    return;
+
+                $handle = getHandle(opt.handleSelector, $el);
+                $handle.off("mousedown." + opt.instanceId + " touchstart." + opt.instanceId);
+                if (opt.touchActionNone)
+                    $handle.css("touch-action", "");
+                $el.removeClass("resizable");
+                return;
+            }
+          
+            $el.data('resizable', opt);
+
+            // get the drag handle
+
+            $handle = getHandle(opt.handleSelector, $el);
+
+            if (opt.touchActionNone)
+                $handle.css("touch-action", "none");
+
+            $el.addClass("resizable");
+            $handle.on("mousedown." + opt.instanceId + " touchstart." + opt.instanceId, startDragging);
+
+            function noop(e) {
+                e.stopPropagation();
+                e.preventDefault();
+            };
+
+            function startDragging(e) {
+                // Prevent dragging a ghost image in HTML5 / Firefox and maybe others    
+                if ( e.preventDefault ) {
+                  e.preventDefault();
+                }
+                
+                startPos = getMousePos(e);
+                startPos.width = parseInt($el.width(), 10);
+                startPos.height = parseInt($el.height(), 10);
+
+                startTransition = $el.css("transition");
+                $el.css("transition", "none");
+
+                if (opt.onDragStart) {
+                    if (opt.onDragStart(e, $el, opt) === false)
+                        return;
+                }
+                
+                $(document).on('mousemove.' + opt.instanceId, doDrag);
+                $(document).on('mouseup.' + opt.instanceId, stopDragging);
+                if (window.Touch || navigator.maxTouchPoints) {
+                    $(document).on('touchmove.' + opt.instanceId, doDrag);
+                    $(document).on('touchend.' + opt.instanceId, stopDragging);
+                }
+                $(document).on('selectstart.' + opt.instanceId, noop); // disable selection
+                $("iframe").css("pointer-events","none");
+            }
+
+            function doDrag(e) {
+                
+                var pos = getMousePos(e), newWidth, newHeight;
+
+                if (opt.resizeWidthFrom === 'left')
+                    newWidth = startPos.width - pos.x + startPos.x;
+                else
+                    newWidth = startPos.width + pos.x - startPos.x;
+
+                if (opt.resizeHeightFrom === 'top')
+                    newHeight = startPos.height - pos.y + startPos.y;
+                else
+                    newHeight = startPos.height + pos.y - startPos.y;
+
+                if (!opt.onDrag || opt.onDrag(e, $el, newWidth, newHeight, opt) !== false) {
+                    if (opt.resizeHeight)
+                        $el.height(newHeight);                    
+
+                    if (opt.resizeWidth)
+                        $el.width(newWidth);                    
+                }
+            }
+
+            function stopDragging(e) {
+                e.stopPropagation();
+                e.preventDefault();
+
+                $(document).off('mousemove.' + opt.instanceId);
+                $(document).off('mouseup.' + opt.instanceId);
+
+                if (window.Touch || navigator.maxTouchPoints) {
+                    $(document).off('touchmove.' + opt.instanceId);
+                    $(document).off('touchend.' + opt.instanceId);
+                }
+                $(document).off('selectstart.' + opt.instanceId, noop);                
+
+                // reset changed values
+                $el.css("transition", startTransition);
+                $("iframe").css("pointer-events","auto");
+
+                if (opt.onDragEnd)
+                    opt.onDragEnd(e, $el, opt);
+
+                return false;
+            }
+
+            function getMousePos(e) {
+                var pos = { x: 0, y: 0, width: 0, height: 0 };
+                if (typeof e.clientX === "number") {
+                    pos.x = e.clientX;
+                    pos.y = e.clientY;
+                } else if (e.originalEvent.touches) {
+                    pos.x = e.originalEvent.touches[0].clientX;
+                    pos.y = e.originalEvent.touches[0].clientY;
+                } else
+                    return null;
+
+                return pos;
+            }
+
+            function getHandle(selector, $el) {
+                if (selector && selector.trim()[0] === ">") {
+                    selector = selector.trim().replace(/^>\s*/, "");
+                    return $el.find(selector);
+                }
+
+                // Search for the selector, but only in the parent element to limit the scope
+                // This works for multiple objects on a page (using .class syntax most likely)
+                // as long as each has a separate parent container. 
+                return selector ? $el.parent().find(selector) : $el;
+            } 
+        });
+    };
+
+    if (!$.fn.resizable)
+        $.fn.resizable = $.fn.resizableSafe;
+}));