testio-tailwind 2.0.1 → 2.1.1

package/src/assets/stylesheets/components/search.css

@@ -37,7 +37,7 @@
 }
 
 .form-search .btn-clear::before {
-  mask-image: url("/assets/images/cross.svg");
+  mask-image: url("/assets/images/icons/cross.svg");
 }
 
 .form-search .btn-submit {
@@ -51,14 +51,14 @@
 }
 
 .form-search .btn-submit::before {
-  mask-image: url("/assets/images/search.svg");
+  mask-image: url("/assets/images/icons/search.svg");
 }
 
 .form-search.direct-input {
   &::before {
     @apply absolute inline-block w-icon h-icon top-xs left-xs bg-gray;
     content: "";
-    mask-image: url("/assets/images/search.svg");
+    mask-image: url("/assets/images/icons/search.svg");
     mask-repeat: no-repeat;
   }
   .form-control {

package/src/assets/stylesheets/components/sections.css

@@ -68,7 +68,7 @@
 }
 
 .section-collapsable[open] .section-title::before {
-  mask-image: url("/assets/images/caret-down.svg");
+  mask-image: url("/assets/images/icons/caret-down.svg");
 }
 
 .section-collapsable .section-title {
@@ -81,7 +81,7 @@
   top: 50%;
   left: 0;
   margin-top: -11px;
-  mask-image: url("/assets/images/caret-right.svg");
+  mask-image: url("/assets/images/icons/caret-right.svg");
   mask-repeat: no-repeat;
   z-index: 1;
 }

package/src/assets/stylesheets/components/select.css

@@ -17,7 +17,7 @@ select {
 .form-select-native .select-wrapper::after {
   @apply absolute inline-block h-md top-xs right-sm bg-white;
   content: "";
-  mask-image: url("/assets/images/caret-down.svg");
+  mask-image: url("/assets/images/icons/caret-down.svg");
   width: 9px;
   z-index: 1;
 }

package/src/assets/stylesheets/components/select2.css

@@ -40,7 +40,7 @@ select.select2 {
     b {
       @apply absolute inline-block h-md top-xs right-sm bg-white;
       content: "";
-      mask-image: url("/assets/images/caret-down.svg");
+      mask-image: url("/assets/images/icons/caret-down.svg");
       width: 9px;
     }
   }
@@ -179,7 +179,7 @@ select.select2 {
     @apply bg-primary;
     content: "";
     display: inline-block;
-    mask-image: url("/assets/images/cross-thick.svg");
+    mask-image: url("/assets/images/icons/cross-thick.svg");
     width: 10px;
     height: 10px;
   }

package/src/assets/stylesheets/components/selectable_token.css

@@ -38,7 +38,7 @@
     top: 3px;
     left: 3px;
     content: "";
-    mask-image: url("/assets/images/check-selectable-items.svg");
+    mask-image: url("/assets/images/icons/check-selectable-items.svg");
     mask-repeat: no-repeat;
   }
 

package/src/assets/stylesheets/components/sidebar.css

@@ -107,13 +107,13 @@ nav.sidebar .navlinks::-webkit-scrollbar {
   @apply inline-block absolute right-xxs w-icon-xs h-icon-xs bg-white;
   content: "";
   top: 12px;
-  mask-image: url("/assets/images/triangle-centered-left.svg");
+  mask-image: url("/assets/images/icons/triangle-centered-left.svg");
   mask-repeat: no-repeat;
 }
 
 .sidebar details[open] summary.navlink:after,
 .sidebar .header-dropdown[open] summary.navlink::after {
-  mask-image: url("/assets/images/triangle-centered-down.svg");
+  mask-image: url("/assets/images/icons/triangle-centered-down.svg");
   mask-repeat: no-repeat;
 }
 
@@ -155,7 +155,7 @@ nav.sidebar .navlinks::-webkit-scrollbar {
   &::before {
     @apply inline-block w-icon h-icon mr-xs bg-gray-darker;
     content: "";
-    mask-image: url("/assets/images/seat.svg");
+    mask-image: url("/assets/images/icons/seat.svg");
     mask-repeat: no-repeat;
   }
 }
@@ -454,8 +454,8 @@ nav.sidebar .navlinks::-webkit-scrollbar {
 .sidebar .profilepicture-actions summary:hover:after {
   @apply block absolute w-icon-xl h-icon-xl left-1/2 top-1/2 -ml-spacing -mt-spacing bg-white;
   content: "";
-  -webkit-mask-image: url("/assets/images/file-image-plus-xl.svg");
-  mask-image: url("/assets/images/file-image-plus-xl.svg");
+  -webkit-mask-image: url("/assets/images/icons/file-image-plus-xl.svg");
+  mask-image: url("/assets/images/icons/file-image-plus-xl.svg");
   mask-repeat: no-repeat;
 }
 

package/src/assets/stylesheets/components/splitview.css

@@ -291,11 +291,11 @@
   @apply inline-block w-icon h-icon mr-xxs bg-primary;
   content: "";
   mask-repeat: no-repeat;
-  mask-image: url("/assets/images/triangle-centered-right.svg");
+  mask-image: url("/assets/images/icons/triangle-centered-right.svg");
 }
 
 .splitview-group[open] > summary::before {
-  mask-image: url("/assets/images/triangle-centered-down.svg");
+  mask-image: url("/assets/images/icons/triangle-centered-down.svg");
 }
 
 .splitview-group > summary:hover::before {

package/src/assets/stylesheets/components/tables.css

@@ -188,20 +188,20 @@ td.action-cell,
 
 .table-cellstyle th.missing::after {
   @apply right-0 bg-gray-600;
-  -webkit-mask-image: url("/assets/images/exclamation.svg");
-  mask-image: url("/assets/images/exclamation.svg");
+  -webkit-mask-image: url("/assets/images/icons/exclamation.svg");
+  mask-image: url("/assets/images/icons/exclamation.svg");
 }
 
 .table-cellstyle th.inprogress::after {
   @apply bg-gray-600;
-  -webkit-mask-image: url("/assets/images/clock.svg");
-  mask-image: url("/assets/images/clock.svg");
+  -webkit-mask-image: url("/assets/images/icons/clock.svg");
+  mask-image: url("/assets/images/icons/clock.svg");
 }
 
 .table-cellstyle th.completed::after {
   @apply h-2.5 top-2.5 right-1.5 bg-success;
-  -webkit-mask-image: url("/assets/images/check-thick.svg");
-  mask-image: url("/assets/images/check-thick.svg");
+  -webkit-mask-image: url("/assets/images/icons/check-thick.svg");
+  mask-image: url("/assets/images/icons/check-thick.svg");
 }
 
 .table-cellstyle td {
@@ -228,8 +228,8 @@ td.action-cell,
 
 .table-cellstyle td.inprogress::after {
   @apply bg-gray-600;
-  -webkit-mask-image: url("/assets/images/clock.svg");
-  mask-image: url("/assets/images/clock.svg");
+  -webkit-mask-image: url("/assets/images/icons/clock.svg");
+  mask-image: url("/assets/images/icons/clock.svg");
 }
 
 .table-cellstyle td.completed {
@@ -238,8 +238,8 @@ td.action-cell,
 
 .table-cellstyle .completed::after {
   @apply h-2.5 top-2.5 right-1.5 bg-success;
-  -webkit-mask-image: url("/assets/images/check-thick.svg");
-  mask-image: url("/assets/images/check-thick.svg");
+  -webkit-mask-image: url("/assets/images/icons/check-thick.svg");
+  mask-image: url("/assets/images/icons/check-thick.svg");
 }
 
 .table-cellstyle td.cell-editable, 
@@ -266,8 +266,8 @@ td.action-cell,
     @apply absolute inline-block w-icon-xs h-icon-xs right-2.5 top-2 bg-primary;
     content: "";
     mask-repeat: round;
-    -webkit-mask-image: url("/assets/images/pencil.svg");
-    mask-image: url("/assets/images/pencil.svg");
+    -webkit-mask-image: url("/assets/images/icons/pencil.svg");
+    mask-image: url("/assets/images/icons/pencil.svg");
   }
 }
 
@@ -342,8 +342,8 @@ td.action-cell,
   &::after {
     @apply block w-full h-full bg-white;
     content: "";
-    mask-image: url("/assets/images/checkbox-background.svg");
-    -webkit-mask-image: url("/assets/images/checkbox-background.svg");
+    mask-image: url("/assets/images/icons/checkbox-background.svg");
+    -webkit-mask-image: url("/assets/images/icons/checkbox-background.svg");
     mask-repeat: no-repeat;
   }
 }
@@ -368,14 +368,14 @@ td.action-cell,
 
 .table-cellstyle td.cell-selectable.inprogress label::after {
   @apply bg-gray-600;
-  -webkit-mask-image: url("/assets/images/clock.svg");
-  mask-image: url("/assets/images/clock.svg");
+  -webkit-mask-image: url("/assets/images/icons/clock.svg");
+  mask-image: url("/assets/images/icons/clock.svg");
 }
 
 .table-cellstyle .cell-selectable.completed label::after {
   @apply h-2.5 top-2.5 right-1.5 bg-success;
-  -webkit-mask-image: url("/assets/images/check-thick.svg");
-  mask-image: url("/assets/images/check-thick.svg");
+  -webkit-mask-image: url("/assets/images/icons/check-thick.svg");
+  mask-image: url("/assets/images/icons/check-thick.svg");
 }
 
 

package/src/assets/stylesheets/components/test_header.css

@@ -126,14 +126,14 @@
 .session-timer::before {
   @apply inline-block h-icon w-icon mr-xs sm:mt-xxs bg-white;
   content: "";
-  mask-image: url("/assets/images/test.svg");
+  mask-image: url("/assets/images/icons/test.svg");
   mask-repeat: no-repeat;
 }
 
 .session-timer::after {
   @apply absolute inline-block top-0 left-0 h-icon w-icon mr-xs sm:mt-xxs bg-danger;
   content: "";
-  mask-image: url("/assets/images/circle-sm-filled.svg");
+  mask-image: url("/assets/images/icons/circle-sm-filled.svg");
   mask-repeat: no-repeat;
 }
 

package/src/assets/stylesheets/components/test_item.css

@@ -19,37 +19,37 @@
 }
 
 .test-item.test-initialized .test-title::before {
-  mask-image: url("/assets/images/test-initialized.svg");
+  mask-image: url("/assets/images/icons/test-initialized.svg");
 } 
 
 .test-item.test-running .test-title::before {
-  mask-image: url("/assets/images/test-running.svg");
+  mask-image: url("/assets/images/icons/test-running.svg");
 } 
 
 .test-item.test-stopped .test-title::before {
-  mask-image: url("/assets/images/test-stopped.svg");
+  mask-image: url("/assets/images/icons/test-stopped.svg");
 } 
 
 .test-item.test-locked .test-title::before {
-  mask-image: url("/assets/images/test-locked.svg");
+  mask-image: url("/assets/images/icons/test-locked.svg");
 } 
 
 .test-item.test-failed .test-title::before {
   @apply bg-danger;
-  mask-image: url("/assets/images/test-failed.svg");
+  mask-image: url("/assets/images/icons/test-failed.svg");
 } 
 
 .test-item.test-archived .test-title::before {
-  mask-image: url("/assets/images/test-archived.svg");
+  mask-image: url("/assets/images/icons/test-archived.svg");
 } 
 
 .test-item.test-success .test-title::before {
   @apply bg-success;
-  mask-image: url("/assets/images/test-check.svg");
+  mask-image: url("/assets/images/icons/test-check.svg");
 } 
 
 .test-item.test-promoted .test-title::before {
-  mask-image: url("/assets/images/test-promoted.svg");
+  mask-image: url("/assets/images/icons/test-promoted.svg");
 } 
 
 .test-item .test-title {
@@ -57,7 +57,8 @@
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3; 
+  -webkit-line-clamp: 3;
+  line-clamp: 3;
   line-height: 1.3;
   &:hover, &:focus {
     @apply text-link-hover;
@@ -73,7 +74,8 @@
   display: -webkit-box;
   margin-top: 2px;
   -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2; 
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
   line-height: 1.3;
 }
 

package/src/assets/stylesheets/components/tom_select.css

@@ -34,8 +34,7 @@
 .ts-control::after {
   @apply absolute inline-block right-md bg-white;
   content: "";
-  -webkit-mask-image: url("/assets/images/caret-down.svg");
-  mask-image: url("/assets/images/caret-down.svg");
+  mask-image: url("/assets/images/icons/caret-down.svg");
   width: 9px;
   height: 20px;
   z-index: 1;
@@ -85,7 +84,7 @@
   &::before {
     @apply inline-block w-icon h-icon mr-icon-spacing bg-white;
     content: "";
-    mask-image: url("/assets/images/check-circle-filled.svg");
+    mask-image: url("/assets/images/icons/check-circle-filled.svg");
   } 
 }
 
@@ -109,7 +108,7 @@
   a::after {
     @apply inline-block w-xs h-xs bg-primary;
     content: "";
-    mask-image: url("/assets/images/cross-thick.svg");
+    mask-image: url("/assets/images/icons/cross-thick.svg");
   }
 
   a:hover {

package/src/assets/stylesheets/components/trix_editor.css

@@ -81,48 +81,48 @@ trix-toolbar .trix-button:not(:first-child) {
 }
 
 .trix-button--icon-bold::before {
-  mask-image: url("/assets/images/format-bold.svg");
+  mask-image: url("/assets/images/icons/format-bold.svg");
 }
 
 .trix-button--icon-italic::before {
-  mask-image: url("/assets/images/format-mark.svg");
+  mask-image: url("/assets/images/icons/format-mark.svg");
 }
 .trix-button--icon-strike::before {
-  mask-image: url("/assets/images/format-strikethrough.svg");
+  mask-image: url("/assets/images/icons/format-strikethrough.svg");
 }
 .trix-button--icon-link::before {
-  mask-image: url("/assets/images/format-link.svg");
+  mask-image: url("/assets/images/icons/format-link.svg");
 }
 .trix-button--icon-heading-1::before {
-  mask-image: url("/assets/images/format-heading.svg");
+  mask-image: url("/assets/images/icons/format-heading.svg");
 }
 .trix-button--icon-quote::before {
-  mask-image: url("/assets/images/format-quote.svg");
+  mask-image: url("/assets/images/icons/format-quote.svg");
 }
 .trix-button--icon-code::before {
-  mask-image: url("/assets/images/format-code.svg");
+  mask-image: url("/assets/images/icons/format-code.svg");
 }
 .trix-button--icon-bullet-list::before {
-  mask-image: url("/assets/images/format-list-bulleted.svg");
+  mask-image: url("/assets/images/icons/format-list-bulleted.svg");
 }
 .trix-button--icon-number-list::before {
-  mask-image: url("/assets/images/format-list-numbered.svg");
+  mask-image: url("/assets/images/icons/format-list-numbered.svg");
 }
 .trix-button--icon-decrease-nesting-level::before {
-  mask-image: url("/assets/images/format-indent-decrease.svg");
+  mask-image: url("/assets/images/icons/format-indent-decrease.svg");
 }
 .trix-button--icon-increase-nesting-level::before {
-  mask-image: url("/assets/images/format-indent-increase.svg");
+  mask-image: url("/assets/images/icons/format-indent-increase.svg");
 }
 trix-toolbar .trix-button--icon-attach::before {
   @apply top-0 bottom-0;
-  mask-image: url("/assets/images/attachment.svg");
+  mask-image: url("/assets/images/icons/attachment.svg");
 }
 .trix-button--icon-undo::before {
-  mask-image: url("/assets/images/undo.svg");
+  mask-image: url("/assets/images/icons/undo.svg");
 }
 .trix-button--icon-redo::before {
-  mask-image: url("/assets/images/redo.svg");
+  mask-image: url("/assets/images/icons/redo.svg");
 }
 
 /*//// Add link/URL popover ////*/

package/src/assets/stylesheets/components/uploads.css

@@ -79,7 +79,7 @@
 
 .attachment.selectable input:checked + label::before {
   @apply bg-info;
-  mask-image: url("/assets/images/checkbox-sm-checked.svg");
+  mask-image: url("/assets/images/icons/checkbox-sm-checked.svg");
   mask-repeat: no-repeat;
 }
 
@@ -112,7 +112,7 @@
     @apply inline-block h-icon-sm bg-white;
     content: "";
     width: 14px;
-    mask-image: url("/assets/images/remove.svg");
+    mask-image: url("/assets/images/icons/remove.svg");
     mask-repeat: no-repeat;
   }
 }
@@ -128,7 +128,7 @@
 .dz-image::after {
   @apply absolute block top-0 left-0 w-full h-full;
   content: "";
-  background-image: url("/assets/images/attachment-fallbackimage.svg");
+  background-image: url("/assets/images/icons/attachment-fallbackimage.svg");
   background-size: cover;
 }