testio-tailwind 1.1.2 → 2.0.1

package/src/assets/stylesheets/tailwind_custom_utilities.css

@@ -0,0 +1,268 @@
+/* Color utilities */
+
+@utility bg-transparent { background-color: var(--color-transparent); }
+@utility bg-current { background-color: var(--color-current); }
+@utility bg-black { background-color: var(--color-black); }
+@utility bg-white { background-color: var(--color-white); }
+@utility bg-gray-100 { background-color: var(--color-gray-100); }
+@utility bg-gray-200 { background-color: var(--color-gray-200); }
+@utility bg-gray-300 { background-color: var(--color-gray-300); }
+@utility bg-gray-400 { background-color: var(--color-gray-400); }
+@utility bg-gray-500 { background-color: var(--color-gray-500); }
+@utility bg-gray-600 { background-color: var(--color-gray-600); }
+@utility bg-gray-700 { background-color: var(--color-gray-700); }
+@utility bg-gray-800 { background-color: var(--color-gray-800); }
+@utility bg-gray-900 { background-color: var(--color-gray-900); }
+@utility bg-gray-lightest { background-color: var(--color-gray-lightest); }
+@utility bg-gray-lighter { background-color: var(--color-gray-lighter); }
+@utility bg-gray-light { background-color: var(--color-gray-light); }
+@utility bg-gray { background-color: var(--color-gray-DEFAULT); }
+@utility bg-gray-dark { background-color: var(--color-gray-dark); }
+@utility bg-gray-darker { background-color: var(--color-gray-darker); }
+@utility bg-gray-darkest { background-color: var(--color-gray-darkest); }
+@utility bg-red-200 { background-color: var(--color-red-200); }
+@utility bg-red-light { background-color: var(--color-red-light); }
+@utility bg-red-500 { background-color: var(--color-red-500); }
+@utility bg-red { background-color: var(--color-red-DEFAULT); }
+@utility bg-orange-500 { background-color: var(--color-orange-500); }
+@utility bg-orange { background-color: var(--color-orange-DEFAULT); }
+@utility bg-green-500 { background-color: var(--color-green-500); }
+@utility bg-green { background-color: var(--color-green-DEFAULT); }
+@utility bg-yellow-500 { background-color: var(--color-yellow-500); }
+@utility bg-yellow { background-color: var(--color-yellow-DEFAULT); }
+@utility bg-blue-200 { background-color: var(--color-blue-200); }
+@utility bg-blue-light { background-color: var(--color-blue-light); }
+@utility bg-blue-500 { background-color: var(--color-blue-500); }
+@utility bg-blue { background-color: var(--color-blue-DEFAULT); }
+@utility bg-petrol-500 { background-color: var(--color-petrol-500); }
+@utility bg-petrol { background-color: var(--color-petrol-DEFAULT); }
+@utility bg-petrol-800 { background-color: var(--color-petrol-800); }
+@utility bg-petrol-dark { background-color: var(--color-petrol-dark); }
+@utility bg-teal-300 { background-color: var(--color-teal-300); }
+@utility bg-teal-lighter { background-color: var(--color-teal-lighter); }
+@utility bg-teal-400 { background-color: var(--color-teal-400); }
+@utility bg-teal-light { background-color: var(--color-teal-light); }
+@utility bg-teal-500 { background-color: var(--color-teal-500); }
+@utility bg-teal { background-color: var(--color-teal-DEFAULT); }
+@utility bg-pink-500 { background-color: var(--color-pink-500); }
+@utility bg-pink { background-color: var(--color-pink-DEFAULT); }
+@utility bg-purple-200 { background-color: var(--color-purple-200); }
+@utility bg-purple-light { background-color: var(--color-purple-light); }
+@utility bg-purple-500 { background-color: var(--color-purple-500); }
+@utility bg-purple { background-color: var(--color-purple-DEFAULT); }
+
+@utility text-transparent { color: var(--color-transparent); }
+@utility text-current { color: var(--color-current); }
+@utility text-black { color: var(--color-black); }
+@utility text-white { color: var(--color-white); }
+@utility text-gray-100 { color: var(--color-gray-100); }
+@utility text-gray-200 { color: var(--color-gray-200); }
+@utility text-gray-300 { color: var(--color-gray-300); }
+@utility text-gray-400 { color: var(--color-gray-400); }
+@utility text-gray-500 { color: var(--color-gray-500); }
+@utility text-gray-600 { color: var(--color-gray-600); }
+@utility text-gray-700 { color: var(--color-gray-700); }
+@utility text-gray-800 { color: var(--color-gray-800); }
+@utility text-gray-900 { color: var(--color-gray-900); }
+@utility text-gray-lightest { color: var(--color-gray-lightest); }
+@utility text-gray-lighter { color: var(--color-gray-lighter); }
+@utility text-gray-light { color: var(--color-gray-light); }
+@utility text-gray { color: var(--color-gray-DEFAULT); }
+@utility text-gray-dark { color: var(--color-gray-dark); }
+@utility text-gray-darker { color: var(--color-gray-darker); }
+@utility text-gray-darkest { color: var(--color-gray-darkest); }
+@utility text-red-200 { color: var(--color-red-200); }
+@utility text-red-light { color: var(--color-red-light); }
+@utility text-red-500 { color: var(--color-red-500); }
+@utility text-red { color: var(--color-red-DEFAULT); }
+@utility text-orange-500 { color: var(--color-orange-500); }
+@utility text-orange { color: var(--color-orange-DEFAULT); }
+@utility text-green-500 { color: var(--color-green-500); }
+@utility text-green { color: var(--color-green-DEFAULT); }
+@utility text-yellow-500 { color: var(--color-yellow-500); }
+@utility text-yellow { color: var(--color-yellow-DEFAULT); }
+@utility text-blue-200 { color: var(--color-blue-200); }
+@utility text-blue-light { color: var(--color-blue-light); }
+@utility text-blue-500 { color: var(--color-blue-500); }
+@utility text-blue { color: var(--color-blue-DEFAULT); }
+@utility text-petrol-500 { color: var(--color-petrol-500); }
+@utility text-petrol { color: var(--color-petrol-DEFAULT); }
+@utility text-petrol-800 { color: var(--color-petrol-800); }
+@utility text-petrol-dark { color: var(--color-petrol-dark); }
+@utility text-teal-300 { color: var(--color-teal-300); }
+@utility text-teal-lighter { color: var(--color-teal-lighter); }
+@utility text-teal-400 { color: var(--color-teal-400); }
+@utility text-teal-light { color: var(--color-teal-light); }
+@utility text-teal-500 { color: var(--color-teal-500); }
+@utility text-teal { color: var(--color-teal-DEFAULT); }
+@utility text-pink-500 { color: var(--color-pink-500); }
+@utility text-pink { color: var(--color-pink-DEFAULT); }
+@utility text-purple-200 { color: var(--color-purple-200); }
+@utility text-purple-light { color: var(--color-purple-light); }
+@utility text-purple-500 { color: var(--color-purple-500); }
+@utility text-purple { color: var(--color-purple-DEFAULT); }
+
+@utility border-transparent { border-color: var(--color-transparent); }
+@utility border-current { border-color: var(--color-current); }
+@utility border-black { border-color: var(--color-black); }
+@utility border-white { border-color: var(--color-white); }
+@utility border-gray-100 { border-color: var(--color-gray-100); }
+@utility border-gray-200 { border-color: var(--color-gray-200); }
+@utility border-gray-300 { border-color: var(--color-gray-300); }
+@utility border-gray-400 { border-color: var(--color-gray-400); }
+@utility border-gray-500 { border-color: var(--color-gray-500); }
+@utility border-gray-600 { border-color: var(--color-gray-600); }
+@utility border-gray-700 { border-color: var(--color-gray-700); }
+@utility border-gray-800 { border-color: var(--color-gray-800); }
+@utility border-gray-900 { border-color: var(--color-gray-900); }
+@utility border-gray-lightest { border-color: var(--color-gray-lightest); }
+@utility border-gray-lighter { border-color: var(--color-gray-lighter); }
+@utility border-gray-light { border-color: var(--color-gray-light); }
+@utility border-gray { border-color: var(--color-gray-DEFAULT); }
+@utility border-gray-dark { border-color: var(--color-gray-dark); }
+@utility border-gray-darker { border-color: var(--color-gray-darker); }
+@utility border-gray-darkest { border-color: var(--color-gray-darkest); }
+@utility border-red-200 { border-color: var(--color-red-200); }
+@utility border-red-light { border-color: var(--color-red-light); }
+@utility border-red-500 { border-color: var(--color-red-500); }
+@utility border-red { border-color: var(--color-red-DEFAULT); }
+@utility border-orange-500 { border-color: var(--color-orange-500); }
+@utility border-orange { border-color: var(--color-orange-DEFAULT); }
+@utility border-green-500 { border-color: var(--color-green-500); }
+@utility border-green { border-color: var(--color-green-DEFAULT); }
+@utility border-yellow-500 { border-color: var(--color-yellow-500); }
+@utility border-yellow { border-color: var(--color-yellow-DEFAULT); }
+@utility border-blue-200 { border-color: var(--color-blue-200); }
+@utility border-blue-light { border-color: var(--color-blue-light); }
+@utility border-blue-500 { border-color: var(--color-blue-500); }
+@utility border-blue { border-color: var(--color-blue-DEFAULT); }
+@utility border-petrol-500 { border-color: var(--color-petrol-500); }
+@utility border-petrol { border-color: var(--color-petrol-DEFAULT); }
+@utility border-petrol-800 { border-color: var(--color-petrol-800); }
+@utility border-petrol-dark { border-color: var(--color-petrol-dark); }
+@utility border-teal-300 { border-color: var(--color-teal-300); }
+@utility border-teal-lighter { border-color: var(--color-teal-lighter); }
+@utility border-teal-400 { border-color: var(--color-teal-400); }
+@utility border-teal-light { border-color: var(--color-teal-light); }
+@utility border-teal-500 { border-color: var(--color-teal-500); }
+@utility border-teal { border-color: var(--color-teal-DEFAULT); }
+@utility border-pink-500 { border-color: var(--color-pink-500); }
+@utility border-pink { border-color: var(--color-pink-DEFAULT); }
+@utility border-purple-200 { border-color: var(--color-purple-200); }
+@utility border-purple-light { border-color: var(--color-purple-light); }
+@utility border-purple-500 { border-color: var(--color-purple-500); }
+@utility border-purple { border-color: var(--color-purple-DEFAULT); }
+
+
+/* // Text and font utilities */
+@utility text-heading-1 { font-size: var(--font-size-heading-1); }
+@utility text-heading-2 { font-size: var(--font-size-heading-2); }
+@utility text-heading-3 { font-size: var(--font-size-heading-3); }
+@utility text-heading-4 { font-size: var(--font-size-heading-4); }
+@utility text-heading-5 { font-size: var(--font-size-heading-5); }
+@utility text-heading-6 { font-size: var(--font-size-heading-6); }
+@utility text-navlinks { font-size: var(--font-size-navlinks); }
+@utility text-base { font-size: var(--font-size-base); }
+@utility text-buttons { font-size: var(--font-size-buttons); }
+@utility text-label { font-size: var(--font-size-label); }
+@utility text-label-sm { font-size: var(--font-size-label-sm); }
+@utility text-icon { font-size: var(--font-size-icon); }
+@utility text-icon-lg { font-size: var(--font-size-icon-lg); }
+@utility text-icon-xl { font-size: var(--font-size-icon-xl); }
+@utility text-icon-sm { font-size: var(--font-size-icon-sm); }
+@utility text-icon-xs { font-size: var(--font-size-icon-xs); }
+@utility text-icon-xxs { font-size: var(--font-size-icon-xxs); }
+@utility text-icon-xxxs { font-size: var(--font-size-icon-xxxs); }
+@utility text-xl { font-size: var(--font-size-xl); }
+@utility text-lg { font-size: var(--font-size-lg); }
+@utility text-sm { font-size: var(--font-size-sm); }
+@utility text-xs { font-size: var(--font-size-xs); }
+@utility text-xxs { font-size: var(--font-size-xxs); }
+@utility text-display-1 { font-size: var(--font-size-display-1); }
+@utility text-display-2 { font-size: var(--font-size-display-2); }
+@utility text-display-3 { font-size: var(--font-size-display-3); }
+@utility text-display-4 { font-size: var(--font-size-display-4); }
+@utility text-hidden { font-size: var(--font-size-hidden); }
+
+
+/* Spacing classes */
+@utility min-w-auto { min-width: var(--min-w-auto); }
+@utility min-w-btn { min-width: var(--min-w-btn); }
+@utility min-w-btn-sm { min-width: var(--min-w-btn-sm); }
+@utility min-w-cell { min-width: var(--min-w-cell); }
+@utility min-w-6 { min-width: var(--min-w-6); }
+@utility min-w-9 { min-width: var(--min-w-9); }
+@utility min-w-11 { min-width: var(--min-w-11); }
+@utility min-w-12 { min-width: var(--min-w-12); }
+@utility min-w-24 { min-width: var(--min-w-24); }
+@utility min-w-30 { min-width: var(--min-w-30); }
+@utility min-w-36 { min-width: var(--min-w-36); }
+@utility min-w-56 { min-width: var(--min-w-56); }
+@utility min-w-spacing { min-width: var(--min-w-spacing); }
+@utility min-w-xxs { min-width: var(--min-w-xxs); }
+@utility min-w-xs { min-width: var(--min-w-xs); }
+@utility min-w-sm { min-width: var(--min-w-sm); }
+@utility min-w-md { min-width: var(--min-w-md); }
+@utility min-w-lg { min-width: var(--min-w-lg); }
+@utility min-w-xl { min-width: var(--min-w-xl); }
+@utility min-w-xxl { min-width: var(--min-w-xxl); }
+@utility min-w-spacing-2xl { min-width: var(--min-w-spacing-2xl); }
+@utility min-w-spacing-3xl { min-width: var(--min-w-spacing-3xl); }
+@utility min-w-spacing-4xl { min-width: var(--min-w-spacing-4xl); }
+@utility min-w-spacing-5xl { min-width: var(--min-w-spacing-5xl); }
+@utility min-w-spacing-6xl { min-width: var(--min-w-spacing-6xl); }
+@utility min-w-spacing-7xl { min-width: var(--min-w-spacing-7xl); }
+@utility min-w-spacing-8xl { min-width: var(--min-w-spacing-8xl); }
+@utility min-h-auto { min-height: var(--min-h-auto); }
+@utility min-h-btn { min-height: var(--min-h-btn); }
+@utility min-h-btn-sm { min-height: var(--min-h-btn-sm); }
+@utility min-h-8 { min-height: var(--min-h-8); }
+@utility min-h-11 { min-height: var(--min-h-11); }
+@utility min-h-12 { min-height: var(--min-h-12); }
+@utility min-h-16 { min-height: var(--min-h-16); }
+@utility min-h-22 { min-height: var(--min-h-22); }
+@utility min-h-24 { min-height: var(--min-h-24); }
+@utility min-h-30 { min-height: var(--min-h-30); }
+@utility min-h-32 { min-height: var(--min-h-32); }
+@utility min-h-48 { min-height: var(--min-h-48); }
+@utility min-h-96 { min-height: var(--min-h-96); }
+@utility min-h-144 { min-height: var(--min-h-144); }
+@utility min-h-spacing { min-height: var(--min-h-spacing); }
+@utility min-h-xxs { min-height: var(--min-h-xxs); }
+@utility min-h-xs { min-height: var(--min-h-xs); }
+@utility min-h-sm { min-height: var(--min-h-sm); }
+@utility min-h-md { min-height: var(--min-h-md); }
+@utility min-h-lg { min-height: var(--min-h-lg); }
+@utility min-h-xl { min-height: var(--min-h-xl); }
+@utility min-h-xxl { min-height: var(--min-h-xxl); }
+@utility max-w-1/2 { max-width: var(--max-w-1/2); }
+@utility max-w-2/3 { max-width: var(--max-w-2/3); }
+@utility max-w-8 { max-width: var(--max-w-8); }
+@utility max-w-32 { max-width: var(--max-w-32); }
+@utility max-w-44 { max-width: var(--max-w-44); }
+@utility max-w-48 { max-width: var(--max-w-48); }
+@utility max-w-96 { max-width: var(--max-w-96); }
+@utility max-w-144 { max-width: var(--max-w-144); }
+@utility max-w-192 { max-width: var(--max-w-192); }
+@utility max-w-xxl { max-width: var(--max-w-xxl); }
+@utility max-w-card-lg { max-width: var(--max-w-card-lg); }
+@utility max-w-card-md { max-width: var(--max-w-card-md); }
+@utility max-w-card-sm { max-width: var(--max-w-card-sm); }
+@utility max-w-card-xs { max-width: var(--max-w-card-xs); }
+@utility max-w-capped { max-width: var(--max-w-capped); }
+
+/* Grid classes */
+@utility grid-cols-3-1 { grid-template-columns: var(--grid-cols-3-1); }
+@utility grid-cols-1-3 { grid-template-columns: var(--grid-cols-1-3); }
+@utility grid-cols-max-auto { grid-template-columns: var(--grid-cols-max-auto); }
+@utility grid-cols-4-auto { grid-template-columns: var(--grid-cols-4-auto); }
+@utility grid-cols-3-auto { grid-template-columns: var(--grid-cols-3-auto); }
+@utility grid-cols-2-auto { grid-template-columns: var(--grid-cols-2-auto); }
+@utility grid-cols-2-auto-fr { grid-template-columns: var(--grid-cols-2-auto-fr); }
+@utility grid-cols-auto-fr-auto { grid-template-columns: var(--grid-cols-auto-fr-auto); }
+@utility grid-cols-auto-fr-2-auto { grid-template-columns: var(--grid-cols-auto-fr-2-auto); }
+@utility grid-cols-auto-fr { grid-template-columns: var(--grid-cols-auto-fr); }
+@utility grid-cols-auto { grid-template-columns: var(--grid-cols-auto); }
+@utility grid-cols-14 { grid-template-columns: var(--grid-cols-14); }
+@utility grid-rows-auto { grid-template-rows: var(--grid-rows-auto); }
+@utility grid-rows-auto-auto { grid-template-rows: var(--grid-rows-auto-auto); }

package/src/index.pug

@@ -14,8 +14,8 @@ main.main-content.main-content-padding.flex.flex-col.justify-start.items-center
       h3.section-title Technology
     .trix-content
       ul.max-w-paragraph.mb-8
-        li TailWindCSS V3
-        li PostCSS
+        li TailWindCSS V4 for compiling CSS
+        li Eleventy V2 for building this website
     .section-header
       h3.section-title Integration
     .trix-content.max-w-paragraph
@@ -24,42 +24,11 @@ main.main-content.main-content-padding.flex.flex-col.justify-start.items-center
           | Import 
           code app.css
           | to get all relevant modules and files.
-        li Use the following PostCss configuration in your 
-          code postcss.config.js 
-          | file:
-          pre.mt-xs
-            code.language-js
-              | const tailwindConfig = require('PATH_TO_TAILWINDCONFIG');
-              | 
-              | module.exports = {
-              |   plugins: [
-              |     require('postcss-import'),
-              |     require('tailwindcss/nesting'),
-              |     require('tailwindcss')({
-              |       content: [
-              |         './YOUR_PATH_HERE/**/*.{html,js,haml,pug,njk}',
-              |       ],
-              |       theme: tailwindConfig.theme,
-              |       plugins: tailwindConfig.plugins,
-              |     }),
-              |     require('autoprefixer')
-              |   ]
-              | }
-        li Change the path to the tailwind.config.js file from the package.
-          pre.mt-xs
-            code.language-js
-              | const tailwindConfig = require('PATH_TO_TAILWINDCONFIG');
-        li Add all paths to your layouts and components in the content block. Otherwise TailWind will not generate your required classes.
-          pre.mt-xs
-            code.language-js
-              |  content: [
-              |    './YOUR_PATH_HERE/**/*.{html,js,haml,pug,njk}',
-              |  ],
-    .section-header
-      h3.section-title Simple start
-    p.max-w-paragraph.mb-heading To get started without any customization just download the current compiled CSS below and implement your components with the provided code.
-    a.btn.btn-block.btn-primary.max-w-paragraph.mb-8(href="/static/app.compiled.css", target="_blank")
-      .icon.icon-cloud-download.mr-icon-spacing
-      | Download compiled CSS
+        li 
+          | Run TailWindCSS V4 CLI to compile everything.
+          br
+          | Example TailWind configuration:
+          br
+          code npx @tailwindcss/cli -i input/app.css -o output/app.compiled.css
 
 

package/src/pages/components/banner_cards.haml

@@ -10,16 +10,6 @@ title: Banner cards
     %p We are glad to have you here. To get started earning money with us please complete some onboarding modules. Also check out this Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
     .card-actions
       %a.btn.btn-inverted{href:""} Dismiss
-.banner-card
-  .card-chart
-    .piechart-example
-    .chart-value 0/3
-    .chart-label madatory modules completed
-  .card-content
-    %h5.card-title Mandatory onboarding modules available
-    %p You received mandatory onboarding modules which are required for receiving customer tasks and test invitations. Please complete them soon.
-    .card-actions
-      %a.btn.btn-primary{href:""} Go to learning portal
 .banner-card
   .card-image
     %img{src:"/assets/images/tester-badges/testIO-testerbadge-cybersecurity.svg"}

package/src/pages/components/loading_spinner.haml

@@ -3,9 +3,9 @@ tags: components
 title: Loading spinner
 ---
 
-.testio-loader-wrapper.d-inline-block
-  %svg.testio-loader-i{viewbox:'0 0 50 50'}
-    %line.anim-bar.stroke{x1:'4px', y1:'5px', x2:'4px', y2:'45px'}
+.testio-loader-wrapper
+  %svg.testio-loader-i{viewbox: "0 0 50 50"}
+    %line.anim-bar.stroke{x1: "4px", x2: "4px", y1: "5px", y2: "45px"}
   .testio-loader-o-wrapper
-    %svg.testio-loader-o{viewbox:'25 25 50 50'}
-      %circle.anim-circle.stroke{cx:'50', cy:'50', r:'20', fill:'none'}
+    %svg.testio-loader-o{viewbox: "25 25 50 50"}
+      %circle.anim-circle.stroke{cx: "50", cy: "50", r: "20", fill: "none"}

package/src/pages/forms/search.haml

@@ -17,7 +17,7 @@ title: Search
       %button.btn.btn-submit{type:'submit'}
   .form-group
     %label.form-label Search popover
-    %details.popover-wrapper.dropright
+    %details.popover-wrapper
       %summary
         .btn.btn-square
           .icon.icon-search
@@ -28,7 +28,7 @@ title: Search
           %button.btn.btn-submit{type:'submit'}
   .form-group
     %label.form-label Search popover with result selection
-    %details.popover-wrapper.dropright
+    %details.popover-wrapper
       %summary
         .btn.btn-square
           .icon.icon-search

package/src/pages/icons/index.njk

@@ -23,7 +23,7 @@ const getJSON = function(url, callback) {
 };
 
 const fetchIcons = function(appType) {
-  getJSON('/static/icons-' + appType + '.json',
+  getJSON('/static/icons.json',
   function(err, data) {
     if (err !== null) {
       console.log('Something went wrong: ' + err);
@@ -47,12 +47,45 @@ fetchIcons(app)
 <main tabindex="-1" id="main-content" class="main-content-padding main-content">
 
   <h1 class="mb-8">Icons</h1>
+
+  <section class="mb-section-margin">
+    <div class="section-header">
+      <h4 class="section-title">Icon classes</h4>
+    </div>
+    <div class="grid gap-5 grid-cols-3">
+      <dl class="list-inline">
+        <dd><span class="icon-xxs icon-check-circle-filled"></span></dd>
+        <dt>.icon-xxs</dt>
+        <dd><span class="icon-xs icon-check-circle-filled"></span></dd>
+        <dt>.icon-xs</dt>
+        <dd><span class="icon-sm icon-check-circle-filled"></span></dd>
+        <dt>.icon-sm</dt>
+        <dd><span class="icon icon-check-circle-filled"></span></dd>
+        <dt>.icon</dt>
+        <dd><span class="icon-lg icon-check-circle-filled"></span></dd>
+        <dt>.icon-lg</dt>
+        <dd><span class="icon-xl icon-check-circle-filled"></span></dd>
+        <dt>.icon-xl</dt>
+      </dl>
+      <div>
+        <p class="mb-2">Some icons have additional versions which you can use with the suffix <code class="bg-gray-lighter">-lg</code> and <code class="bg-gray-lighter">-xl</code></p>
+        <dl class="list-inline">
+          <dd><span class="icon icon-devices"></span></dd>
+          <dt>.icon</dt>
+          <dd><span class="icon-lg icon-devices-lg"></span></dd>
+          <dt>.icon-lg</dt>
+          <dd><span class="icon-xl icon-devices-xl"></span></dd>
+          <dt>.icon-xl</dt>
+        </dl>
+      </div>
+    </div>
+  </section>
+
   {%- for section in collection -%}
     <section class="mb-section-margin" id="{{ section.data.title }}">
       <div class="section-header">
         <h4 class="section-title">{{ section.data.title }}</h4>
       </div>
-
       {% if section.data.type == 'block' %}
         {% set direction = 'y' %}
       {% else %}

package/src/static/icons.json

@@ -0,0 +1 @@
+["icon-cross-thick-centered","icon-check-thick-centered","icon-banking","icon-frozen","icon-map-marker","icon-creditcard-centered","icon-creditcard","icon-seat","icon-vpn","icon-products-filled","icon-image-filled","icon-camera-filled","icon-camera","icon-user-story-test","icon-badge-ai","icon-spelling-underline","icon-arrow-upward","icon-automatic","icon-clock-recent","icon-bug-reproduction-recording-part","icon-bug-reproduction-recording","icon-caret-down-centered","icon-caret-left-centered","icon-caret-right-centered","icon-caret-up-centered","icon-wallet","icon-bookmark-filled","icon-bookmark","icon-play","icon-pause","icon-glossary","icon-feature-draft","icon-xbox","icon-wontfix-circle","icon-wontfix","icon-magicwand-ai","icon-chat-ai-female","icon-chat-ai","icon-volume-filled","icon-bell-off-filled","icon-mail-filled","icon-project-cycle-new","icon-project-cycle","icon-academy","icon-academy-outlined","icon-activity","icon-analytics","icon-apps","icon-archive","icon-archived","icon-arrow-double","icon-arrow-down","icon-arrow-downward","icon-arrow-forward","icon-arrow-left","icon-arrow-menu","icon-arrow-right","icon-arrow-up","icon-asana","icon-assembla","icon-astronaut","icon-at-sign","icon-attachment","icon-autoaccept","icon-bell","icon-bell-filled","icon-billing","icon-blocked","icon-boost","icon-brave","icon-bug","icon-functional","icon-bug-accepted","icon-bug-attachment","icon-bug-cross","icon-bug-custom","icon-bug-duplicate","icon-bug-external","icon-bug-fix-confirmation","icon-bug-fix-confirmation-external","icon-bug-known","icon-bug-liked","icon-bug-open","icon-bug-reproduction","icon-bug-reproduction-blue-red .path1","icon-bug-reproduction-blue-red .path2","icon-bug-reproduction-negative","icon-bug-reproduction-open","icon-bug-reproduction-positive","icon-bug-review","icon-bugherd","icon-bugtracker","icon-bugtracker-configured","icon-bulb","icon-bulb-shining","icon-calendar","icon-cancelled","icon-caret-double-empty","icon-caret-empty-double","icon-caret-down","icon-caret-down-double","icon-caret-left","icon-caret-menu-down","icon-caret-menu-up","icon-caret-right","icon-caret-up","icon-caret-up-double","icon-chat","icon-check","icon-check-circle","icon-check-circle-filled","icon-check-thick","icon-check-thick-outline","icon-checkbox-sm-background","icon-circle-empty","icon-circle-filled","icon-circle-sm-filled","icon-clock","icon-clock-filled","icon-cloud-download","icon-cloud-upload","icon-cog","icon-cog-check","icon-cog-check-filled","icon-cog-clock","icon-cog-cross","icon-cog-dot","icon-cog-exclamation","icon-cog-list","icon-cogs","icon-collaborators-square","icon-computer","icon-desktop","icon-computer-android","icon-desktop-android","icon-computer-apple","icon-desktop-apple","icon-computer-mac-os","icon-computer-chrome-os","icon-computer-linux","icon-desktop-linux","icon-computer-windows","icon-desktop-windows","icon-connected","icon-console","icon-content-bug","icon-content","icon-controller","icon-copy","icon-coverage-test","icon-critical","icon-cross","icon-cross-circle","icon-cross-circle-filled","icon-cross-thick","icon-custom-test","icon-customer","icon-description","icon-devices","icon-devices-windowsmobile","icon-disconnected","icon-unassigned","icon-discord","icon-dispute","icon-document","icon-download","icon-duplicate","icon-edge-chromium","icon-emoticon1","icon-equal","icon-exclamation","icon-exclamation-circle","icon-exclamation-circle-filled","icon-exclamation-double","icon-exclamation-triple","icon-expand","icon-explorative","icon-export","icon-eye","icon-eye-closed","icon-eye-filled","icon-eye-strikethrough","icon-feature","icon-feature-check","icon-feature-cross","icon-feed-filled","icon-feed-outlined","icon-file","icon-file-csv","icon-file-doc","icon-file-image","icon-file-pdf","icon-file-ppt","icon-file-video","icon-file-xls","icon-file-xlsx","icon-file-zip","icon-filter","icon-focused-test","icon-format-bold","icon-format-code","icon-format-heading","icon-format-indent-decrease","icon-format-indent-increase","icon-format-italic","icon-format-link","icon-format-list-bulleted","icon-format-list-numbered","icon-format-mark","icon-format-quote","icon-format-strikethrough","icon-forward","icon-gaming","icon-gem","icon-gift","icon-gig","icon-gig-archived","icon-gig-check","icon-gig-circle","icon-gig-clock","icon-gig-cross","icon-gig-exclamation","icon-gig-list","icon-gig-node","icon-github","icon-globe","icon-hardware","icon-heart","icon-heart-filled","icon-heart-filled2","icon-heart1","icon-high","icon-home","icon-home-filled","icon-ie10","icon-ie-10","icon-ie11","icon-ie-11","icon-ie6","icon-ie-6","icon-ie7","icon-ie-7","icon-ie8","icon-ie-8","icon-ie9","icon-ie-9","icon-image","icon-incognitobrowser","icon-incognito","icon-info","icon-info-circle","icon-info-circle-filled","icon-instructions","icon-integrations","icon-bugzilla","icon-intercom-message","icon-invitation","icon-jira","icon-jira-cloud","icon-jira-server","icon-keyboard-mouse","icon-link","icon-assign","icon-link-external","icon-list","icon-list-bulletpoints","icon-list-numbered","icon-location-filled","icon-lock","icon-logo-io","icon-logo-mobile-cloud","icon-logo-symbol","icon-tc_mark","icon-low","icon-loyalty","icon-mail","icon-mantis","icon-maxthon","icon-menu","icon-message","icon-message-automatic","icon-message-circle","icon-message-exclamation","icon-message-exclamation-filled","icon-message-feedback","icon-message-language","icon-message-question","icon-message-question-filled","icon-minus","icon-more","icon-more-horizontal","icon-move-indicator","icon-move-vertical","icon-msteams","icon-notes","icon-opera-coast","icon-pause-circle-filled","icon-pencil","icon-phone","icon-pivotal","icon-plus","icon-product","icon-products","icon-professional","icon-profile-filled","icon-profile-outlined","icon-project-active","icon-project-completed","icon-project-draft","icon-project-new","icon-project-onboarding","icon-project-past","icon-puzzle","icon-quality","icon-quality-lg","icon-question","icon-question-circle","icon-question-circle-filled","icon-quiz","icon-quotes","icon-ranking","icon-rapid-test","icon-redmine","icon-redo","icon-reliability","icon-remove","icon-remove-filled","icon-reply","icon-report","icon-resize","icon-resume","icon-review","icon-review-bug","icon-review-bug-check","icon-review-bug-check-record-square","icon-review-bug-check-record-triangle","icon-review-bug-cross","icon-review-check","icon-review-clock","icon-review-cross","icon-review-dot","icon-review-exclamation","icon-rocket","icon-samsung-browser","icon-search","icon-section","icon-security","icon-segment-tester","icon-sendmessage","icon-server","icon-service","icon-session-report","icon-shield","icon-shield-check","icon-shield-clock","icon-shield-cross","icon-shield-dot","icon-shield-exclamation","icon-shield-list","icon-shoppingcart-filled","icon-shoppingcart-outline","icon-shutdown","icon-side-arrow","icon-side-arrow-double-xl","icon-side-arrow-lg","icon-side-arrow-sm","icon-side-arrow-xl","icon-silk","icon-skull","icon-slack","icon-smart-tv","icon-smart-tv-android-tv","icon-smart-tv-netcast","icon-smart-tv-roku-os","icon-smart-tv-smart-interactive-tv","icon-smart-tv-smart-tv-alliance","icon-smart-tv-tizen","icon-smart-tv-tvos","icon-smart-tv-webos","icon-smartphone","icon-mobile","icon-smartphone-android","icon-smartphone-apple","icon-smartphone-ios","icon-smartphone-chrome-os","icon-smartphone-windows","icon-smartphone-windows-phone","icon-smartphone-windows-mobile","icon-social-facebook","icon-social-linkedin","icon-social-whatsapp","icon-sort-ascending","icon-sort-az","icon-sort-descending","icon-sort-number-ascending","icon-sort-number-descending","icon-sort-za","icon-speaker","icon-spelling","icon-spelling-test","icon-star","icon-star-filled","icon-star-halffilled","icon-star-rating","icon-star-rating-filled","icon-stop","icon-streaming","icon-streaming-android","icon-streaming-tvos","icon-streaming-fireos","icon-streaming-roku-os","icon-streaming-chromecast-os","icon-surfybrowser","icon-surfy","icon-switch","icon-sync","icon-sync-check","icon-sync-cross","icon-tablet","icon-tablet-android","icon-tablet-chrome-os","icon-tablet-fireos","icon-tablet-ios","icon-tablet-apple","icon-tablet-windows","icon-test","icon-test-archived","icon-test-check","icon-test-ended","icon-test-environment","icon-test-failed","icon-test-initialized","icon-test-locked","icon-test-promoted","icon-test-running","icon-test-scenario","icon-test-stopped","icon-test-template-load","icon-test-template-save","icon-test-template-update","icon-test-waiting","icon-testcase","icon-testcase-bug","icon-testcase-package","icon-testers","icon-testflight","icon-testrail","icon-thumb-down","icon-thumb-down-filled","icon-thumb-up","icon-thumb-up-filled","icon-time-tracking","icon-tools","icon-touch-screen","icon-trello","icon-triangle-centered-down","icon-triangle-centered-left","icon-triangle-centered-right","icon-triangle-centered-up","icon-triangle-down","icon-triangle-up","icon-trophy","icon-uc-browser","icon-unarchive","icon-undo","icon-unlock","icon-upload","icon-usability","icon-suggestion","icon-usability-test","icon-user","icon-user-circle","icon-user-locked","icon-user-outline","icon-user-outline-blocked","icon-user-outline-check","icon-user-outline-circle","icon-user-outline-cross","icon-user-outline-plus","icon-user-profile","icon-user-story","icon-user-story-blocked","icon-user-story-check","icon-user-story-clock","icon-user-story-cross","icon-user-story-open","icon-users","icon-users-filled","icon-verify-check","icon-verify-clock","icon-verify-cross","icon-verify-dot","icon-verify-exclamation","icon-verify-list","icon-visual-bug","icon-visual","icon-warning","icon-warn","icon-warning-check","icon-warning-clock","icon-wearable","icon-wearable-android-wear","icon-wearable-tizen","icon-wearable-watchos","icon-webhook","icon-website","icon-windows-phone","icon-wrench","icon-xray","icon-yandex","icon-youtrack","icon-wallet-lg","icon-banking-lg","icon-corporation-lg","icon-map-marker-outline-lg","icon-creditcard-user-lg","icon-review-passed-lg","icon-creditcard-lg","icon-payment-test-lg","icon-message-language-filled-lg","icon-devices-filled-lg","icon-user-approved-filled-lg","icon-professional-lg","icon-academy-lg","icon-activity-lg","icon-any-android-lg","icon-any-apple-lg","icon-any-linux-lg","icon-any-windows-lg","icon-archived-lg","icon-arrow-info-downward-lg","icon-arrow-info-upward-lg","icon-attachmentreport-lg","icon-automatic-lg","icon-billing-lg","icon-bonus-lg","icon-bug-accepted-lg","icon-bug-accepted-lg-copy","icon-bug-accepted-lg1","icon-bug-clock-lg","icon-bug-custom-lg","icon-bug-fix-confirmation-lg","icon-bug-fixed-lg","icon-bug-forwarded-lg","icon-bug-lg","icon-bug-liked-lg","icon-bug-reproduction-lg","icon-bug-tracked-lg","icon-bugreport-lg","icon-bugtracker-lg","icon-cancelled-lg","icon-chat-lg","icon-check-circle-lg","icon-check-lg","icon-checkcircle-lg","icon-clock-lg","icon-cloud-download-lg","icon-cloud-upload-lg","icon-cogs-lg","icon-coins-stack-lg","icon-computer-android-lg","icon-computer-android-lg1","icon-desktop-android-lg","icon-computer-apple-lg","icon-computer-apple-lg1","icon-desktop-apple-lg","icon-computer-mac-os-lg","icon-computer-chrome-os-lg","icon-computer-lg","icon-computer-lg1","icon-desktop-lg1","icon-computer-linux-lg","icon-computer-linux-lg1","icon-desktop-linux-lg","icon-computer-windows-lg","icon-computer-windows-lg1","icon-desktop-windows-lg","icon-connected-lg","icon-console-lg","icon-content-bug-lg","icon-content-bugreport-lg","icon-coverage-test-lg","icon-critical-lg","icon-criticalissues-lg","icon-cross-lg","icon-crowd-lg","icon-custom-test-lg","icon-database-lg","icon-desktop-lg","icon-development-lg","icon-devices-android-lg","icon-devices-android-lg1","icon-any-android-lg1","icon-devices-apple-lg","icon-devices-apple-lg1","icon-any-apple-lg1","icon-devices-condensed-lg","icon-devices-ios-lg","icon-devices-iot-lg","icon-devices-lg","icon-devices-linux-lg","icon-devices-linux-lg1","icon-any-linux-lg1","icon-devices-macos-lg","icon-devices-windows-lg","icon-devices-windows-lg1","icon-any-windows-lg1","icon-devices-windowsmobile-lg","icon-disconnected-lg","icon-download-lg","icon-drop-here","icon-exclamation-circle-lg","icon-expert-lg","icon-explorative-lg","icon-female-lg","icon-file-image-plus-lg","icon-file-lg","icon-file-unsupported-lg","icon-firstbug-lg","icon-fivestars-lg","icon-focused-test-lg","icon-functional-bugreport-lg","icon-gaming-lg","icon-gauge-lg","icon-gift-lg","icon-globe-lg","icon-hardware-lg","icon-heart-lg","icon-high-lg","icon-info-circle-lg","icon-key-lg","icon-list-check-lg","icon-lock-lg","icon-low-lg","icon-loyalty-lg","icon-male-lg","icon-message-exclamation-filled-lg","icon-message-exclamation-lg","icon-message-lg","icon-mostbugs-lg","icon-mostexperience-lg","icon-mostreproductions-lg","icon-no-customer-support-lg","icon-no-reviews-lg","icon-no-shopping-lg","icon-onboarding-cybersecurity","icon-payment-lg","icon-pencil-lg","icon-plus-lg","icon-products-lg","icon-project-onboarding-lg","icon-promoted-lg","icon-quality-lg1","icon-question-circle-lg","icon-question-lg","icon-quiz-lg","icon-rapid-lg","icon-rapid-test-lg","icon-regression-test-lg","icon-remove-lg","icon-report-attachments-lg","icon-review-bug-check-lg","icon-review-bug-lg","icon-review-inprogress-lg","icon-search-lg","icon-server-lg","icon-session-report-lg","icon-side-arrow-lg1","icon-smart-tv-android-tv-lg","icon-smart-tv-lg","icon-smart-tv-netcast-lg","icon-smart-tv-roku-os-lg","icon-smart-tv-smart-interactive-tv-lg","icon-smart-tv-smart-tv-alliance-lg","icon-smart-tv-tizen-lg","icon-smart-tv-tvos-lg","icon-smart-tv-webos-lg","icon-smartphone-android-lg","icon-smartphone-apple-lg","icon-smartphone-apple-lg1","icon-smartphone-ios-lg","icon-smartphone-apple-lg11","icon-smartphone-chrome-os-lg","icon-smartphone-lg","icon-smartphone-windows-lg","icon-smartphone-windows-lg1","icon-smartphone-windows-phone-lg","icon-smartphone-windows-mobile-lg","icon-spelling-lg","icon-star-filled-lg","icon-star-lg","icon-stars-5-lg","icon-streaming-1und1-os-lg","icon-streaming-android-lg","icon-streaming-chromecast-os-lg","icon-streaming-fireos-lg","icon-streaming-lg","icon-streaming-onboarding-lg","icon-streaming-roku-os-lg","icon-streaming-tizen-os-lg","icon-streaming-tvos-lg","icon-streaming-webos-os-lg","icon-sync-lg","icon-tablet-android-lg","icon-tablet-apple-lg","icon-tablet-chrome-os-lg","icon-tablet-fireos-lg","icon-tablet-ios-lg","icon-tablet-apple-lg1","icon-tablet-lg","icon-tablet-windows-lg","icon-test-archived-lg","icon-test-clock-lg","icon-test-failed-lg","icon-test-initialized-lg","icon-test-lg","icon-test-template-load-lg","icon-test-template-save-lg","icon-test-template-update-lg","icon-test-waiting-lg","icon-testcase-lg","icon-tools-lg","icon-trophy-lg","icon-tv-lg","icon-usability-lg","icon-usability-test-lg","icon-user-approved-outline-lg","icon-user-outline-blocked-lg","icon-user-outline-check-lg","icon-user-outline-cross-lg","icon-user-outline-lg","icon-user-story-check-lg","icon-user-story-cross-lg","icon-user-story-lg","icon-visual-bug-lg","icon-warning-lg","icon-wearable-android-wear-lg","icon-wearable-lg","icon-wearable-tizen-lg","icon-wearable-watchos-lg","icon-webhook-lg","icon-website-lg","icon-world-lg","icon-xbox-lg","icon-creditcard-xl","icon-payment-test-xl","icon-bug-accepted-xl","icon-bug-fix-confirmation-xl","icon-bug-look-left-xl","icon-bug-smile-xl","icon-bug-vacation-xl","icon-canceled-xl","icon-cog-check-xl","icon-connected-xl","icon-critical-issues-xl","icon-dashboard-xl","icon-devices-apple-xl","icon-devices-ios-xl","icon-email-checked-xl","icon-email-sent-xl","icon-feature-xl","icon-file-image-plus-xl","icon-list-check-xl","icon-rapid-xl","icon-report-bug-xl","icon-review-security-xl","icon-side-arrow-double-xl1","icon-side-arrow-xl1","icon-stars-5-check-xl","icon-stars-5-cross-xl","icon-stars-5-edit-xl","icon-stars-5-filled-xl","icon-stars-5-xl","icon-testcase-xl","icon-test-running-xl","icon-unlock-xl","icon-user-outline-xl","icon-user-story-test-xl","icon-project-onboarding-xl","icon-review-bug-xl","icon-user-story-xl","icon-no-shopping-xl","icon-onboarding-cybersecurity1","icon-bug-sad-xl","icon-streaming-onboarding-xl","icon-cirro-app-xl","icon-file-xl","icon-bell-smile-xl","icon-download-xl","icon-hardware-xl","icon-content-bugreport-xl","icon-functional-bugreport-xl","icon-attachmentreport-xl","icon-play-circle-xl","icon-review-bug-check-xl","icon-review-bug-cross-xl","icon-bug-fix-check-xl","icon-bug-fix-cross-xl","icon-users-group-xl","icon-integrations-xl","icon-report-attachments-xl","icon-gaming-xl","icon-bug-reproduction-xl","icon-lock-filled-xl","icon-key-xl","icon-analytics-xl","icon-automatic-xl","icon-billing-xl","icon-bug-chat-xl","icon-bug-deceased-xl","icon-bug-fixed-xl","icon-bug-search-xl","icon-bug-sleeping-xl","icon-bug-tracked-xl","icon-bugreport-xl","icon-cancelled-xl","icon-check-circle-xl","icon-check-xl","icon-clock-xl","icon-cloud-download-xl","icon-cloud-upload-xl","icon-cogs-xl","icon-computer-xl","icon-console-xl","icon-context-xl","icon-conversation-xl","icon-coverage-test-xl","icon-criticalissues-xl","icon-cross-xl","icon-crossbrowser-xl","icon-crowd-xl","icon-custom-test-xl","icon-devices-android-xl","icon-devices-apple-xl1","icon-devices-ios-xl1","icon-devices-apple-xl11","icon-devices-windows-xl","icon-devices-windowsmobile-xl","icon-devices-xl","icon-disconnected-xl","icon-diversity-xl","icon-expert-xl","icon-explorative-xl","icon-fast-xl","icon-feature-new-xl","icon-features-xl","icon-focused-test-xl","icon-heart-xl","icon-list-xl","icon-lock-xl","icon-message-xl","icon-pencil-xl","icon-plus-xl","icon-quiz-xl","icon-quotes-xl","icon-rapid-test-xl","icon-regression-test-xl","icon-remove-xl","icon-review-export-xl","icon-review-failed-xl","icon-review-inprogress-xl","icon-review-passed-xl","icon-review-xl","icon-sanity-test","icon-sanity-test-xl","icon-search-xl","icon-section-xl","icon-security-xl","icon-server-xl","icon-service-xl","icon-smoke-test-xl","icon-stars-check-xl","icon-stars-cross-xl","icon-stars-edit-xl","icon-stars-xl","icon-streaming-xl","icon-test-template-load-xl","icon-test-template-save-xl","icon-test-xl","icon-testcase-xl1","icon-testcase-big","icon-testcase-xl11","icon-testcycle-review-xl","icon-tester-xl","icon-ua-test-xl","icon-usability-test-xl","icon-user-story-testing-xl","icon-warning-xl","icon-website-xl","icon-tree","icon-kb_white","icon-x","icon-twitter","icon-brand2","icon-intercom","icon-optimize","icon-combine","icon-progress","icon-flexible","icon-apple","icon-osx","icon-ios","icon-devices-ios","icon-edge","icon-firefox","icon-ie","icon-safari","icon-android","icon-devices-android","icon-android-browser","icon-chrome","icon-windows","icon-refresh","icon-brackets","icon-tester","icon-key","icon-attachment1","icon-pin","icon-circle","icon-contact_mail","icon-ring_volume","icon-speaker_phone","icon-stay_current_landscape","icon-stay_current_portrait","icon-swap_calls","icon-textsms","icon-sentiment_satisfied_alt","icon-list_alt","icon-domain_disabled","icon-lightbulb","icon-add","icon-add_box","icon-add_circle","icon-add_circle_outline","icon-archive1","icon-backspace","icon-block","icon-clear","icon-content_copy","icon-content_cut","icon-content_paste","icon-remove_circle_outline","icon-reply1","icon-reply_all","icon-report1","icon-save","icon-select_all","icon-send","icon-sort","icon-text_format","icon-undo1","icon-font_download","icon-move_to_inbox","icon-how_to_reg","icon-how_to_vote","icon-waves","icon-where_to_vote","icon-add_link","icon-inventory","icon-access_alarm","icon-access_alarms","icon-access_time","icon-add_alarm","icon-airplanemode_off","icon-airplanemode_on","icon-brightness_medium","icon-data_usage","icon-developer_mode","icon-devices1","icon-dvr","icon-gps_fixed","icon-gps_not_fixed","icon-gps_off","icon-graphic_eq","icon-network_cell","icon-network_wifi","icon-nfc","icon-signal_cellular_off","icon-signal_wifi_4_bar","icon-signal_wifi_4_bar_lock","icon-signal_wifi_off","icon-storage","icon-usb","icon-wifi_lock","icon-wifi_tethering","icon-add_to_home_screen","icon-device_thermostat","icon-mobile_friendly","icon-mobile_off","icon-border_right","icon-border_style","icon-border_top","icon-border_vertical","icon-format_align_center","icon-format_align_justify","icon-format_align_left","icon-format_align_right","icon-format_bold","icon-format_clear","icon-format_color_fill","icon-format_color_reset","icon-format_indent_decrease","icon-format_indent_increase","icon-format_textdirection_l_to_r","icon-format_textdirection_r_to_l","icon-format_underlined","icon-functions","icon-insert_chart","icon-insert_comment","icon-insert_drive_file","icon-insert_emoticon","icon-insert_invitation","icon-insert_photo","icon-mode_comment","icon-publish","icon-short_text","icon-text_fields","icon-monetization_on","icon-title","icon-table_chart","icon-add_comment","icon-format_list_numbered_rtl","icon-scatter_plot","icon-score","icon-insert_chart_outlined","icon-bar_chart","icon-notes1","icon-folder_open","icon-folder_shared","icon-create_new_folder","icon-cast","icon-cast_connected","icon-computer1","icon-desktop_mac","icon-desktop_windows","icon-developer_board","icon-dock","icon-headset","icon-headset_mic","icon-laptop_chromebook","icon-laptop_mac","icon-laptop_windows","icon-memory","icon-mouse","icon-phone_android","icon-phone_iphone","icon-phonelink_off","icon-router","icon-scanner","icon-security1","icon-sim_card","icon-videogame_asset","icon-device_unknown","icon-headset_off","icon-adjust","icon-assistant","icon-audiotrack","icon-blur_circular","icon-blur_linear","icon-blur_off","icon-blur_on","icon-brightness_1","icon-brightness_2","icon-collections","icon-color_lens","icon-colorize","icon-compare","icon-control_point_duplicate","icon-crop_16_9","icon-crop_3_2","icon-crop","icon-crop_5_4","icon-crop_7_5","icon-crop_din","icon-crop_free","icon-google","icon-facebook","icon-facebook-f","icon-winking-face","icon-wink2","icon-sad-face2","icon-sad2","icon-face-stuck-out-tongue","icon-tongue2","icon-laughing-face","icon-laugh2","icon-happy","icon-facebook1","icon-youtube","icon-brand","icon-social","icon-cart","icon-google-plus","icon-brand1","icon-social1","icon-opera","icon-opera-mini","icon-tongue","icon-emoticon","icon-smiley","icon-face","icon-sad","icon-xing"]

package/src/static/site.webmanifest

@@ -1,4 +1,4 @@
 {"name":"","short_name":"","icons":[
-  {"src":"/static/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},
-{"src":"/static/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],
+  {"src":"/assets/images/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},
+{"src":"/assets/images/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],
 "theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

package/src/assets/stylesheets/postcss.config.js

@@ -1,24 +0,0 @@
-const tailwindConfig = require('./tailwind.config');
-
-module.exports = {
-  plugins: [
-    require('postcss-import'),
-    require('tailwindcss/nesting'),
-    require('tailwindcss')({
-      content: [
-        './src/**/*.{html,js,haml,pug,njk}',
-      ],
-      theme: tailwindConfig.theme,
-      plugins: tailwindConfig.plugins,
-    }),
-    require('postcss-simple-vars')(
-      {
-          variables: {
-              package_path: '../../..',
-              fonts_path: 'fonts'
-          }
-      }
-    ),
-    require('autoprefixer')
-  ]
-}