Update safingTailwind v1.10.1

_includes/head.html

@@ -30,7 +30,7 @@
 <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 }}safingTailwind/safingTailwind-1.10.css" type="text/css">
+<link rel="stylesheet" href="{{ site.vendor_url }}safingTailwind/safingTailwind-1.10.1.css" type="text/css">
 <link rel="stylesheet" href="{{ site.assets_url }}css/main.css" type="text/css">
 
 {% include plausible.html %}

vendor/safingTailwind/docs/docs.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../docs/css/highlight.min.css">
     <link rel="stylesheet" href="../docs/css/style.css">
-    <link rel="stylesheet" href="../safingTailwind-1.10.css">
+    <link rel="stylesheet" href="../safingTailwind-1.10.1.css">
     <script src="../docs/js/vendor/jquery.min.js" type="text/javascript"></script>
     <script src="../docs/js/vendor/jquery-resizable.js"></script>
     <script src="../docs/js/vendor/highlight.min.js"></script>

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

@@ -10,7 +10,7 @@ function SetUpIframeData() {
         innerHtml = iframeContents.find('html');
         innerBody = iframeContents.find('body');
         innerHead = iframeContents.find('head');
-        innerHead.append('<link rel="stylesheet" href="../safingTailwind-1.10.css">');
+        innerHead.append('<link rel="stylesheet" href="../safingTailwind-1.10.1.css">');
         innerBody.append(data)
     });
     setTimeout(function(){ 

vendor/safingTailwind/safingTailwind-1.10.1.css

@@ -2,7 +2,7 @@
 
 p, ul, ol, em, span {
   --tw-text-opacity: 1;
-  color: rgba(165, 165, 165, var(--tw-text-opacity));
+  color: rgba(191, 191, 191, var(--tw-text-opacity));
 }
 
 em {
@@ -858,7 +858,7 @@ em {
 
 .btn-tertiary {
   --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
   background-color: transparent;
   opacity: 0.5;
 }
@@ -1160,7 +1160,7 @@ em {
 
 .link-secondary {
   --tw-text-opacity: 1;
-  color: rgba(0, 0, 0, var(--tw-text-opacity));
+  color: rgba(255, 255, 255, var(--tw-text-opacity));
   /* @apply hover: opacity-60; */
 }
 
@@ -12832,8 +12832,6 @@ em {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
-  --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
   text-align: center;
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -12914,8 +12912,6 @@ em {
 }
 
 .collection-container .collection-container-top-desc {
-  --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
   max-width: 48rem;
 }
 
@@ -14531,8 +14527,6 @@ em {
 }
 
 .team-member .team-member-right-desc {
-  --tw-text-opacity: 1;
-  color: rgba(165, 165, 165, var(--tw-text-opacity));
   margin-top: 0.75rem;
   font-size: 0.975rem;
 }
@@ -17541,15 +17535,6 @@ em {
   line-height: 1;
 }
 
-.header-one-container-reverse .header-one-left-desc, .header-one-container .header-one-left-desc {
-  font-size: 0.975rem;
-}
-
-.header-one-container-reverse .header-one-left-desc, .header-one-container .header-one-left-desc {
-  --tw-text-opacity: 1;
-  color: rgba(140, 140, 140, var(--tw-text-opacity));
-}
-
 .header-one-container-reverse .header-one-left-desc, .header-one-container .header-one-left-desc {
   max-width: 28rem;
 }
@@ -17760,9 +17745,6 @@ em {
 }
 
 .header-two-container .header-two-top-desc {
-  font-size: 0.975rem;
-  --tw-text-opacity: 1;
-  color: rgba(165, 165, 165, var(--tw-text-opacity));
   max-width: 512px;
   margin-left: auto;
   margin-right: auto;
@@ -17915,9 +17897,6 @@ em {
 }
 
 .header-three-container .header-three-left-desc {
-  font-size: 0.975rem;
-  --tw-text-opacity: 1;
-  color: rgba(140, 140, 140, var(--tw-text-opacity));
   max-width: 28rem;
   margin-left: auto;
   margin-right: auto;
@@ -18056,8 +18035,6 @@ em {
 }
 
 .header-four-container > .header-four-container-desc {
-  --tw-text-opacity: 1;
-  color: rgba(140, 140, 140, var(--tw-text-opacity));
   max-width: 42rem;
   margin-left: auto;
   margin-right: auto;
@@ -18065,8 +18042,6 @@ em {
 
 .header-four-container > .header-four-container-title-author {
   display: block;
-  --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
 }
 
 .header-four-container > .header-four-container-social {
@@ -18167,8 +18142,6 @@ em {
 }
 
 .feature-one-container .feature-one-container-left-desc {
-  --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
   max-width: 48rem;
 }
 
@@ -18289,11 +18262,6 @@ em {
   font-weight: 700;
 }
 
-.feature-one-container .feature-one-container-right-content-desc {
-  --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
-}
-
 .feature-two-container {
   display: block;
   width: -webkit-max-content;
@@ -18350,8 +18318,6 @@ em {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
-  --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
   text-align: center;
   margin-left: auto;
   margin-right: auto;
@@ -18657,8 +18623,9 @@ em {
   font-weight: 700;
 }
 
-.showcase-one-container-reverse .showcase-one-right-title, .showcase-one-container .showcase-one-right-title {
+.showcase-one-container-reverse .showcase-one-right-title,
-  line-height: 1;
+.showcase-one-container .showcase-one-right-title {
+  line-height: 3.4rem;
 }
 
 .showcase-one-container-reverse .showcase-one-right-title, .showcase-one-container .showcase-one-right-title {
@@ -18680,15 +18647,6 @@ em {
   }
 }
 
-.showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
-  font-size: 0.975rem;
-}
-
-.showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
-  --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
-}
-
 .showcase-one-container-reverse .showcase-one-right-desc, .showcase-one-container .showcase-one-right-desc {
   max-width: 28rem;
 }
@@ -18898,15 +18856,23 @@ em {
 .showcase-two-container .showcase-two-top-title {
   letter-spacing: -0.025em;
   font-weight: 700;
-  line-height: 1;
+  line-height: 3.4rem;
   font-size: 3rem;
   line-height: 1;
 }
 
-.showcase-two-container .showcase-two-top-desc {
+@media (min-width: 640px) {
-  font-size: 0.975rem;
+  .showcase-two-container .showcase-two-top-desc {
-  --tw-text-opacity: 1;
+    margin-left: auto;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
+    margin-right: auto;
+  }
+}
+
+@media (min-width: 1024px) {
+  .showcase-two-container .showcase-two-top-desc {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
 }
 
 .showcase-two-container > .showcase-two-bottom {
@@ -19099,7 +19065,7 @@ em {
 
 .faq-container .faq-container-bottom-question-desc {
   --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
+  color: rgba(165, 165, 165, var(--tw-text-opacity));
   display: inline-block;
 }
 
@@ -19260,8 +19226,6 @@ em {
 }
 
 .intro-container .intro-container-desc {
-  --tw-text-opacity: 1;
-  color: rgba(114, 114, 114, var(--tw-text-opacity));
   text-align: center;
   display: block;
   max-width: 32rem;
@@ -19905,7 +19869,6 @@ em {
 
 .markdown-container > p > img {
   border-radius: 0.375rem;
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
   display: block;
   height: auto;
   margin-bottom: 4rem;
@@ -19946,7 +19909,7 @@ em {
   padding-left: 1rem;
 }
 
-.markdown-container > em > strong {
+.markdown-container > p > em > strong {
   font-weight: 500;
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -19961,7 +19924,6 @@ em {
 
 .markdown-container table img {
   border-radius: 0.375rem;
-  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0), 0 0 90px 0 rgba(59, 93, 199, 0.1);
   display: block;
   height: auto;
   max-width: 100%;
@@ -20996,11 +20958,6 @@ em {
   font-weight: 700;
 }
 
-.form-summary-top-package-desc {
-  --tw-text-opacity: 1;
-  color: rgba(140, 140, 140, var(--tw-text-opacity));
-}
-
 .form-summary > .form-summary-middle > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
@@ -21095,7 +21052,7 @@ em {
   }
 }
 
-.wave-contrainer {
+.wave-container {
   height: 40px;
   width: 100%;
   position: absolute;