vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-02 11:09:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Update safingTailwind-1.4

Browse source
This commit is contained in:
Luke 2022-01-25 03:36:38 +01:00
parent 8ca22e86d2
commit 35199118c9
9 changed files with 265285 additions and 264324 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_includes/head.html
View file

@ -39,5 +39,5 @@
<meta name="theme-color" content="#f7f7f7"> <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/fonts-roboto.css" type="text/css">
<link rel="stylesheet" href="{{ site.vendor_url }}safingTailwind/safingTailwind-1.3.css" type="text/css"> <link rel="stylesheet" href="{{ site.vendor_url }}safingTailwind/safingTailwind-1.4.css" type="text/css">
<link rel="stylesheet" href="{{ site.assets_url }}css/main.css" type="text/css"> <link rel="stylesheet" href="{{ site.assets_url }}css/main.css" type="text/css">

BIN
vendor/safingTailwind-1.3.zip vendored
View file

Binary file not shown.

BIN
vendor/safingTailwind-1.4.zip vendored Normal file
View file

Binary file not shown.

293
vendor/safingTailwind/docs/docs.html vendored
View file

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <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/highlight.min.css">
<link rel="stylesheet" href="../docs/css/style.css"> <link rel="stylesheet" href="../docs/css/style.css">
<link rel="stylesheet" href="../safingTailwind-1.3.css"> <link rel="stylesheet" href="../safingTailwind-1.4.css">
<script src="../docs/js/vendor/jquery.min.js" type="text/javascript"></script> <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/jquery-resizable.js"></script>
<script src="../docs/js/vendor/highlight.min.js"></script> <script src="../docs/js/vendor/highlight.min.js"></script>
@ -14,7 +14,7 @@
</head> </head>
<body class="antialiased font-sans font-medium"> <body class="antialiased font-sans font-medium">
<div class="alert-primary rounded-none text-md"> <div class="alert-primary rounded-none text-md">
<span>There will be some stuff missing in this, and also some bugs. <strong>v1.3</strong></span> <span>There will be some stuff missing in this, and also some bugs. <strong>v1.4</strong></span>
</div> </div>
<div class="flex"> <div class="flex">
<nav class="overflow-y-auto pb-10 pt-20 ml-20 w-56"> <nav class="overflow-y-auto pb-10 pt-20 ml-20 w-56">
@ -100,10 +100,10 @@
<li id="scss-Default-Alart"> <li id="scss-Default-Alart">
<pre><code style="min-height: 200px;" class="language-scss">.alert { <pre><code style="min-height: 200px;" class="language-scss">.alert {
@apply bg-gray-500; @apply bg-gray-600;
@apply text-white; @apply text-white;
@apply text-sm; @apply text-sm;
@apply py-5; @apply py-4;
@apply px-9; @apply px-9;
@apply rounded-md; @apply rounded-md;
@apply flex; @apply flex;
@ -112,6 +112,10 @@
@apply space-x-4; @apply space-x-4;
@apply items-center; @apply items-center;
@apply justify-center; @apply justify-center;
}
.alert span {
@apply text-white;
}</code></pre> }</code></pre>
</li> </li>
@ -160,7 +164,7 @@
<li id="scss-Primary-Alart"> <li id="scss-Primary-Alart">
<pre><code style="min-height: 200px;" class="language-scss">.alert-primary { <pre><code style="min-height: 200px;" class="language-scss">.alert-primary {
@apply alert; @apply alert;
@apply bg-safing-blue-500; @apply bg-safing-blue-600;
} }
.alert-primary>.link { .alert-primary>.link {
@ -411,6 +415,50 @@
</ul> </ul>
</div> </div>
<div class="compoent space-y-2">
<div id="tabMenu" class="space-y-4">
<div class="flex">
<div>
<span class="title block text-md">Tertiary</span>
</div>
<ul class="tabs flex space-x-3 ml-auto">
<li><a href="#preview-Tertiary-Button">preview</a></li>
<li><a href="#html-Tertiary-Button">html</a></li>
<li><a href="#scss-Tertiary-Button">scss</a></li>
</ul>
</div>
</div>
<ul class="tabs-content">
<li id="preview-Tertiary-Button" class="active">
<div class="preview-container">
<div class="preview-panel-left">
<iframe frameborder="0" class="iframe" width="100%" scrolling="no"></iframe>
<div class="data items-center flex h-full" style="height: fit-content;">
<div class="w-full h-full" style="height: fit-content;">
<button class="btn-tertiary">Take back your freedom</button>
</div>
</div>
</div>
<div class="preview-panel-splitter"></div>
</div>
</li>
<li id="html-Tertiary-Button">
<pre><code style="min-height: 200px;" class="language-html">&lt;button class="btn-tertiary"&gt;Take back your freedom&lt;/button&gt;</code></pre>
</li>
<li id="scss-Tertiary-Button">
<pre><code style="min-height: 200px;" class="language-scss">.btn-tertiary {
@apply btn;
@apply text-black;
@apply bg-transparent;
}</code></pre>
</li>
</ul>
</div>
</section><section class="w-full space-y-20" style="max-width: 80rem;"> </section><section class="w-full space-y-20" style="max-width: 80rem;">
<div class="title space-y-3"> <div class="title space-y-3">
<h2 id="card">Card</h2> <h2 id="card">Card</h2>
@ -622,7 +670,6 @@
.card-extended .card .title { .card-extended .card .title {
@apply pl-0; @apply pl-0;
@apply text-md; @apply text-md;
@apply opacity-50;
} }
.card-extended .wrapper-right, .card-extended .wrapper-right,
@ -665,15 +712,20 @@
@apply cursor-auto; @apply cursor-auto;
} }
.card-extended .card-dropdown-content > h1 { .card-extended .card-dropdown-content > h1,
color: #000; .card .card-dropdown-content > h1 {
@apply text-black;
font-size: 1.1rem; font-size: 1.1rem;
font-weight: 500; font-weight: 500;
margin-top: 1.5rem; margin-top: 1.5rem;
} }
.card-extended .card-dropdown-content > h1:first-child,
.card .card-dropdown-content > h1:first-child {
margin-top: 0;
}
.card-extended .card-dropdown-content > p { .card-extended .card-dropdown-content > p {
color: #545454;
margin-top: 1rem; margin-top: 1rem;
} }
@ -682,25 +734,23 @@
} }
.card-extended .card-dropdown-content { .card-extended .card-dropdown-content {
@apply text-black ;
@apply opacity-100;
@apply text-md; @apply text-md;
@apply pl-0; @apply pl-0;
@apply pb-4; @apply pb-4;
} }
.card-extended .card .card-dropdown-content { .card-extended .card-dropdown-content .card .title{
color: #545454; @apply pl-0;
opacity: 1;
} }
.card .card-dropdown-content { .card .card-dropdown-content {
@apply text-black ; @apply text-black ;
@apply opacity-50;
@apply text-md; @apply text-md;
@apply pl-0; @apply pl-0;
} }
.card-input-toggle { .card-input-toggle {
@apply hidden; @apply hidden;
} }
@ -2469,50 +2519,112 @@
</div> </div>
<div class="faq-container-bottom"> <div class="faq-container-bottom">
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<h1 class="faq-container-bottom-question-title"> <div class="card-faq hover-scale-out">
How do you make money? What is the catch? <label class="card-label" for="card-toggle-anchor-2">
</h1> <div class="wrapper-left">
<p class="faq-container-bottom-question-desc"> <div class="card-title">
<h1 class="title">How do you make money? What is the catch?</h1>
</div>
</div>
<div class="wrapper-right">
<i class="icon-arrow"></i>
</div>
</label>
<input class="card-input-toggle" id="card-toggle-anchor-2" type="checkbox">
<div class="card-dropdown-toggle">
<div class="card-dropdown-content">
<p>
In short, our business model is Freemium. First provide local privacy for free, In short, our business model is Freemium. First provide local privacy for free,
forever. Then let happy users support us by paying for a powerful VPN alternative. forever. Then let happy users support us by paying for a powerful VPN alternative.
Finally reinvest earnings into making all our products better. Finally reinvest earnings into making all our products better.
</p> </p>
<div class="faq-container-bottom-question-desc-extra"> <p>
<a class="link-primary" href="">hello@safing.io</a> <a class="link-primary" href="">hello@safing.io</a>
</p>
</div>
</div>
</div> </div>
</div> </div>
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<h1 class="faq-container-bottom-question-title"> <div class="card-faq hover-scale-out">
<label class="card-label" for="card-toggle-anchor-3">
<div class="wrapper-left">
<div class="card-title">
<h1 class="title">
Since the Portmaster can block ads and trackers, do I still need Since the Portmaster can block ads and trackers, do I still need
an ad-blocker for my browser? an ad-blocker for my browser?
</h1> </h1>
<p class="faq-container-bottom-question-desc"> </div>
</div>
<div class="wrapper-right">
<i class="icon-arrow"></i>
</div>
</label>
<input class="card-input-toggle" id="card-toggle-anchor-3" type="checkbox">
<div class="card-dropdown-toggle">
<div class="card-dropdown-content">
<p>
Yes, we highly recommend to continue using adblockers, such as uBlock Origin, uMatrix, Yes, we highly recommend to continue using adblockers, such as uBlock Origin, uMatrix,
or similar. They give you more fine grained control over domains. iE you can allow or similar. They give you more fine grained control over domains. iE you can allow
certain domains to allow css files & images while blocking cookies & javascripts. The certain domains to allow css files & images while blocking cookies & javascripts. The
Portmaster cannot make this distinction. Portmaster cannot make this distinction.
</p> </p>
</div> </div>
</div>
</div>
</div>
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<h1 class="faq-container-bottom-question-title"> <div class="card-faq hover-scale-out">
<label class="card-label" for="card-toggle-anchor-4">
<div class="wrapper-left">
<div class="card-title">
<h1 class="title">
What platforms do you support? What platforms do you support?
</h1> </h1>
<p class="faq-container-bottom-question-desc"> </div>
</div>
<div class="wrapper-right">
<i class="icon-arrow"></i>
</div>
</label>
<input class="card-input-toggle" id="card-toggle-anchor-4" type="checkbox">
<div class="card-dropdown-toggle">
<div class="card-dropdown-content">
<p>
Currently we support Windows and Linux. Mac and Mobile are planned, but are further Currently we support Windows and Linux. Mac and Mobile are planned, but are further
down the road. down the road.
</p> </p>
</div> </div>
</div>
</div>
</div>
<div class="faq-container-bottom-question"> <div class="faq-container-bottom-question">
<h1 class="faq-container-bottom-question-title"> <div class="card-faq hover-scale-out">
<label class="card-label" for="card-toggle-anchor-5">
<div class="wrapper-left">
<div class="card-title">
<h1 class="title">
Where can I find your source code? Where can I find your source code?
</h1> </h1>
<p class="faq-container-bottom-question-desc"> </div>
</div>
<div class="wrapper-right">
<i class="icon-arrow"></i>
</div>
</label>
<input class="card-input-toggle" id="card-toggle-anchor-5" type="checkbox">
<div class="card-dropdown-toggle">
<div class="card-dropdown-content">
<p>
You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a> You can find our code on <a class="link-primary" href="">Github. The Portmaster</a>, the <a class="link-primary" href="">Portmaster UI</a>, the <a class="link-primary" href="">SPN</a>, the <a class="link-primary" href="">docs</a>
and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which and <a class="link-primary" href="">this website</a> have their respective repositories. <a class="link-primary" href="">Jess</a>, the heart of the SPN, which
got audited by Cure53, can also be found online. got audited by Cure53, can also be found online.
</p> </p>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -2533,50 +2645,112 @@
&lt;/div&gt; &lt;/div&gt;
&lt;div class="faq-container-bottom"&gt; &lt;div class="faq-container-bottom"&gt;
&lt;div class="faq-container-bottom-question"&gt; &lt;div class="faq-container-bottom-question"&gt;
&lt;h1 class="faq-container-bottom-question-title"&gt; &lt;div class="card-faq hover-scale-out"&gt;
How do you make money? What is the catch? &lt;label class="card-label" for="card-toggle-anchor-2"&gt;
&lt;/h1&gt; &lt;div class="wrapper-left"&gt;
&lt;p class="faq-container-bottom-question-desc"&gt; &lt;div class="card-title"&gt;
&lt;h1 class="title"&gt;How do you make money? What is the catch?&lt;/h1&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="wrapper-right"&gt;
&lt;i class="icon-arrow"&gt;&lt;/i&gt;
&lt;/div&gt;
&lt;/label&gt;
&lt;input class="card-input-toggle" id="card-toggle-anchor-2" type="checkbox"&gt;
&lt;div class="card-dropdown-toggle"&gt;
&lt;div class="card-dropdown-content"&gt;
&lt;p&gt;
In short, our business model is Freemium. First provide local privacy for free, In short, our business model is Freemium. First provide local privacy for free,
forever. Then let happy users support us by paying for a powerful VPN alternative. forever. Then let happy users support us by paying for a powerful VPN alternative.
Finally reinvest earnings into making all our products better. Finally reinvest earnings into making all our products better.
&lt;/p&gt; &lt;/p&gt;
&lt;div class="faq-container-bottom-question-desc-extra"&gt; &lt;p&gt;
&lt;a class="link-primary" href=""&gt;hello@safing.io&lt;/a&gt; &lt;a class="link-primary" href=""&gt;hello@safing.io&lt;/a&gt;
&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;div class="faq-container-bottom-question"&gt; &lt;div class="faq-container-bottom-question"&gt;
&lt;h1 class="faq-container-bottom-question-title"&gt; &lt;div class="card-faq hover-scale-out"&gt;
&lt;label class="card-label" for="card-toggle-anchor-3"&gt;
&lt;div class="wrapper-left"&gt;
&lt;div class="card-title"&gt;
&lt;h1 class="title"&gt;
Since the Portmaster can block ads and trackers, do I still need Since the Portmaster can block ads and trackers, do I still need
an ad-blocker for my browser? an ad-blocker for my browser?
&lt;/h1&gt; &lt;/h1&gt;
&lt;p class="faq-container-bottom-question-desc"&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class="wrapper-right"&gt;
&lt;i class="icon-arrow"&gt;&lt;/i&gt;
&lt;/div&gt;
&lt;/label&gt;
&lt;input class="card-input-toggle" id="card-toggle-anchor-3" type="checkbox"&gt;
&lt;div class="card-dropdown-toggle"&gt;
&lt;div class="card-dropdown-content"&gt;
&lt;p&gt;
Yes, we highly recommend to continue using adblockers, such as uBlock Origin, uMatrix, Yes, we highly recommend to continue using adblockers, such as uBlock Origin, uMatrix,
or similar. They give you more fine grained control over domains. iE you can allow or similar. They give you more fine grained control over domains. iE you can allow
certain domains to allow css files & images while blocking cookies & javascripts. The certain domains to allow css files & images while blocking cookies & javascripts. The
Portmaster cannot make this distinction. Portmaster cannot make this distinction.
&lt;/p&gt; &lt;/p&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="faq-container-bottom-question"&gt; &lt;div class="faq-container-bottom-question"&gt;
&lt;h1 class="faq-container-bottom-question-title"&gt; &lt;div class="card-faq hover-scale-out"&gt;
&lt;label class="card-label" for="card-toggle-anchor-4"&gt;
&lt;div class="wrapper-left"&gt;
&lt;div class="card-title"&gt;
&lt;h1 class="title"&gt;
What platforms do you support? What platforms do you support?
&lt;/h1&gt; &lt;/h1&gt;
&lt;p class="faq-container-bottom-question-desc"&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class="wrapper-right"&gt;
&lt;i class="icon-arrow"&gt;&lt;/i&gt;
&lt;/div&gt;
&lt;/label&gt;
&lt;input class="card-input-toggle" id="card-toggle-anchor-4" type="checkbox"&gt;
&lt;div class="card-dropdown-toggle"&gt;
&lt;div class="card-dropdown-content"&gt;
&lt;p&gt;
Currently we support Windows and Linux. Mac and Mobile are planned, but are further Currently we support Windows and Linux. Mac and Mobile are planned, but are further
down the road. down the road.
&lt;/p&gt; &lt;/p&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="faq-container-bottom-question"&gt; &lt;div class="faq-container-bottom-question"&gt;
&lt;h1 class="faq-container-bottom-question-title"&gt; &lt;div class="card-faq hover-scale-out"&gt;
&lt;label class="card-label" for="card-toggle-anchor-5"&gt;
&lt;div class="wrapper-left"&gt;
&lt;div class="card-title"&gt;
&lt;h1 class="title"&gt;
Where can I find your source code? Where can I find your source code?
&lt;/h1&gt; &lt;/h1&gt;
&lt;p class="faq-container-bottom-question-desc"&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;div class="wrapper-right"&gt;
&lt;i class="icon-arrow"&gt;&lt;/i&gt;
&lt;/div&gt;
&lt;/label&gt;
&lt;input class="card-input-toggle" id="card-toggle-anchor-5" type="checkbox"&gt;
&lt;div class="card-dropdown-toggle"&gt;
&lt;div class="card-dropdown-content"&gt;
&lt;p&gt;
You can find our code on &lt;a class="link-primary" href=""&gt;Github. The Portmaster&lt;/a&gt;, the &lt;a class="link-primary" href=""&gt;Portmaster UI&lt;/a&gt;, the &lt;a class="link-primary" href=""&gt;SPN&lt;/a&gt;, the &lt;a class="link-primary" href=""&gt;docs&lt;/a&gt; You can find our code on &lt;a class="link-primary" href=""&gt;Github. The Portmaster&lt;/a&gt;, the &lt;a class="link-primary" href=""&gt;Portmaster UI&lt;/a&gt;, the &lt;a class="link-primary" href=""&gt;SPN&lt;/a&gt;, the &lt;a class="link-primary" href=""&gt;docs&lt;/a&gt;
and &lt;a class="link-primary" href=""&gt;this website&lt;/a&gt; have their respective repositories. &lt;a class="link-primary" href=""&gt;Jess&lt;/a&gt;, the heart of the SPN, which and &lt;a class="link-primary" href=""&gt;this website&lt;/a&gt; have their respective repositories. &lt;a class="link-primary" href=""&gt;Jess&lt;/a&gt;, the heart of the SPN, which
got audited by Cure53, can also be found online. got audited by Cure53, can also be found online.
&lt;/p&gt; &lt;/p&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;</code></pre> &lt;/div&gt;</code></pre>
</li> </li>
@ -2613,14 +2787,14 @@
.faq-container .faq-container-bottom { .faq-container .faq-container-bottom {
@apply element-x-center-max; @apply element-x-center-max;
@apply max-w-7xl; max-width: 85rem;
@apply space-y-24; @apply space-y-10;
@apply px-4; @apply px-4;
@apply sm:px-10; @apply sm:px-10;
@apply md:space-y-0; @apply md:space-y-0;
@apply md:grid; @apply md:grid;
@apply md:grid-cols-2; @apply md:grid-cols-2;
@apply md:gap-20; @apply md:gap-10;
@apply xl:px-0; @apply xl:px-0;
@apply w-full; @apply w-full;
} }
@ -2638,10 +2812,6 @@
@apply text-safing-gray-500; @apply text-safing-gray-500;
@apply inline-block; @apply inline-block;
} }
.faq-container .faq-container-bottom-question-desc-extra {
display: block;
}
</code></pre> </code></pre>
</li> </li>
@ -2964,6 +3134,10 @@
@apply space-x-12; @apply space-x-12;
} }
.footer .footer-category {
@apply sm:w-max;
}
.footer .footer-category-title { .footer .footer-category-title {
@apply flex; @apply flex;
@apply items-center; @apply items-center;
@ -3199,10 +3373,11 @@
<p><a href="https://world.hey.com/jonas/how-money-dictates-design-decisions-5e866cd9">External Link</a></p> <p><a href="https://world.hey.com/jonas/how-money-dictates-design-decisions-5e866cd9">External Link</a></p>
<p><a href="/ownership/#influences">Internal Link</a></p> <p><a href="/ownership/#influences">Internal / Link</a></p>
<p><img src="https://safing.io//assets/img/blog/breaking_chain.png" alt="image displays a chain with many strong links (no meta-data, security, usability) but still breaking at its weak link (business-model))"></p> <p><a href="https://safing.io/esa-bic/">Internal https://safing.io Link</a></p>
<p><img src="https://safing.io/assets/img/blog/breaking_chain.png" alt="image displays a chain with many strong links (no meta-data, security, usability) but still breaking at its weak link (business-model))"></p>
<!-- Markdown Example --> <!-- Markdown Example -->
</div> </div>
@ -3235,10 +3410,11 @@
&lt;p&gt;&lt;a href="https://world.hey.com/jonas/how-money-dictates-design-decisions-5e866cd9"&gt;External Link&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="https://world.hey.com/jonas/how-money-dictates-design-decisions-5e866cd9"&gt;External Link&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="/ownership/#influences"&gt;Internal Link&lt;/a&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="/ownership/#influences"&gt;Internal / Link&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://safing.io//assets/img/blog/breaking_chain.png" alt="image displays a chain with many strong links (no meta-data, security, usability) but still breaking at its weak link (business-model))"&gt;&lt;/p&gt; &lt;p&gt;&lt;a href="https://safing.io/esa-bic/"&gt;Internal https://safing.io Link&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="https://safing.io/assets/img/blog/breaking_chain.png" alt="image displays a chain with many strong links (no meta-data, security, usability) but still breaking at its weak link (business-model))"&gt;&lt;/p&gt;
&lt;!-- Markdown Example --&gt; &lt;!-- Markdown Example --&gt;
&lt;/div&gt;</code></pre> &lt;/div&gt;</code></pre>
@ -3297,15 +3473,19 @@
margin-top: 1.25rem; margin-top: 1.25rem;
} }
.markdown-container > p { .markdown-container > p:not(:first-of-type):not(:last-of-type) {
@apply text-safing-gray-600; margin-top: 1rem;
margin-bottom: 1rem;
} }
.markdown-container > p:not(:first-of-type):not(:last-of-type) { .markdown-container > p:not(:first-of-type) {
margin-bottom: 1rem;
margin-top: 1rem; margin-top: 1rem;
} }
.markdown-container > p:not(:last-of-type) {
margin-bottom: 1rem;
}
.markdown-container > p > code { .markdown-container > p > code {
color: #ba00bf; color: #ba00bf;
font-size: 0.875rem; font-size: 0.875rem;
@ -3325,7 +3505,7 @@
@apply link-primary; @apply link-primary;
} }
.markdown-container > p > a:not( [href*='safing.io'] ) { .markdown-container > p > a[href^="http"]:not([href*='safing.io']) {
@apply link-primary-external; @apply link-primary-external;
} }
@ -3340,7 +3520,6 @@
} }
.markdown-container > ul { .markdown-container > ul {
@apply text-safing-gray-600;
list-style-type: disc; list-style-type: disc;
padding-left: 1.85rem; padding-left: 1.85rem;
padding-top: 1.25rem; padding-top: 1.25rem;
@ -3348,7 +3527,6 @@
} }
.markdown-container > ol { .markdown-container > ol {
@apply text-safing-gray-600;
list-style-type: decimal; list-style-type: decimal;
padding-left: 1.85rem; padding-left: 1.85rem;
padding-top: 1.25rem; padding-top: 1.25rem;
@ -3361,11 +3539,6 @@
margin-top: 1.55rem; margin-top: 1.55rem;
opacity: 1; opacity: 1;
padding-left: 1rem; padding-left: 1rem;
}
.markdown-container > em {
font-weight: 400;
@apply text-safing-gray-600;
}</code></pre> }</code></pre>
</li> </li>

2
vendor/safingTailwind/docs/js/internal/iframeRefresher.js vendored
View file

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

BIN
vendor/safingTailwind/fonts/safing-icons.ttf vendored
View file

Binary file not shown.

BIN
vendor/safingTailwind/fonts/safing-icons.woff vendored
View file

Binary file not shown.

264211
vendor/safingTailwind/safingTailwind-1.3.css vendored
View file

File diff suppressed because it is too large Load diff

264999
vendor/safingTailwind/safingTailwind-1.4.css vendored Normal file
View file

File diff suppressed because it is too large Load diff