testio-tailwind 0.1.0 → 0.2.1

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

@@ -1,143 +1,143 @@
-
-/*/ Icon sizes and spacing /*/
-
-.icon {
-  @apply h-icon text-icon align-bottom;
-}
-
-.icon-xs {
-  @apply h-icon-xs text-icon-xs;
-}
-
-.icon-sm {
-  @apply h-icon-sm text-icon-sm;
-}
-
-.icon-lg {
-  @apply h-icon-lg text-icon-lg;
-}
-
-.icon-xl {
-  @apply h-icon-xl text-icon-xl;
-}
-
-.icon-functional {
-  @apply text-danger;
-}
-
-.icon-critical,
-.icon-bug-reproduction.critical,
-.icon-review-bug-check.critical,
-.icon-testcase-bug.critical,
-.icon-bug-fix-confirmation.critical {
-  @apply text-critical;
-}
-
-.icon-high,
-.icon-bug-reproduction.high,
-.icon-review-bug-check.high,
-.icon-testcase-bug.high,
-.icon-bug-fix-confirmation.high {
-  @apply text-high;
-}
-
-.icon-low,
-.icon-bug-reproduction.low,
-.icon-review-bug-check.low,
-.icon-testcase-bug.low,
-.icon-bug-fix-confirmation.low {
-  @apply text-low;
-}
-
-.icon-visual {
-  @apply text-visual;
-}
-
-.icon-content {
-  @apply text-content;
-}
-
-.icon-usability {
-  @apply text-usability;
-}
-
-.icon-user-outline-check.success,
-.icon-user-story-check.success {
-  @apply text-success;
-}
-
-.icon-user-outline-cross.danger,
-.icon-user-outline-blocked.danger,
-.icon-user-story-cross.danger {
-  @apply text-danger;
-}
-
-.icon.success {
-  @apply text-success;
-}
-
-.icon.danger {
-  @apply text-danger;
-}
-
-/*///// Status Icons /////*/
-
-.status-icon {
-  @apply inline-block w-icon h-icon bg-black;
-  mask-repeat: no-repeat;
-  mask-size: 20px 20px;
-}
-
-.status-submitted {
-  mask-image: url("/assets/images/exclamation-circle.svg");
-}
-
-.status-manager-approved {
-  @apply bg-success;
-  mask-image: url("/assets/images/check-circle.svg");
-}
-
-.status-customer-approved {
-  mask-image: url("/assets/images/check-circle-filled.svg");
-  @apply bg-success;
-}
-
-.status-forwarded {
-  mask-image: url("/assets/images/forward.svg");
-  @apply bg-danger;
-}
-
-.status-manager-rejected {
-  mask-image: url("/assets/images/cross-circle.svg");
-  @apply bg-danger;
-}
-
-.status-customer-rejected {
-  mask-image: url("/assets/images/cross-circle-filled.svg");
-  @apply bg-danger;
-}
-
-.status-manager-question {
-  mask-image: url("/assets/images/message-question.svg");
-}
-
-.status-withheld {
-  mask-image: url("/assets/images/blocked.svg");
-  @apply bg-danger;
-}
-
-.status-reproduction {
-  mask-image: url("/assets/images/bug-reproduction.svg");
-  width: 23px;
-  mask-size: 23px 20px;
-}
-
-.status-testcase-passed {
-  mask-image: url("/assets/images/check-circle-filled.svg");
-  @apply bg-success;
-}
-
-.status-testcase-failed {
-  mask-image: url("/assets/images/cross-circle-filled.svg");
-  @apply bg-danger;
+
+/*/ Icon sizes and spacing /*/
+
+.icon {
+  @apply h-icon text-icon align-bottom;
+}
+
+.icon-xs {
+  @apply h-icon-xs text-icon-xs;
+}
+
+.icon-sm {
+  @apply h-icon-sm text-icon-sm;
+}
+
+.icon-lg {
+  @apply h-icon-lg text-icon-lg;
+}
+
+.icon-xl {
+  @apply h-icon-xl text-icon-xl;
+}
+
+.icon-functional {
+  @apply text-danger;
+}
+
+.icon-critical,
+.icon-bug-reproduction.critical,
+.icon-review-bug-check.critical,
+.icon-testcase-bug.critical,
+.icon-bug-fix-confirmation.critical {
+  @apply text-critical;
+}
+
+.icon-high,
+.icon-bug-reproduction.high,
+.icon-review-bug-check.high,
+.icon-testcase-bug.high,
+.icon-bug-fix-confirmation.high {
+  @apply text-high;
+}
+
+.icon-low,
+.icon-bug-reproduction.low,
+.icon-review-bug-check.low,
+.icon-testcase-bug.low,
+.icon-bug-fix-confirmation.low {
+  @apply text-low;
+}
+
+.icon-visual {
+  @apply text-visual;
+}
+
+.icon-content {
+  @apply text-content;
+}
+
+.icon-usability {
+  @apply text-usability;
+}
+
+.icon-user-outline-check.success,
+.icon-user-story-check.success {
+  @apply text-success;
+}
+
+.icon-user-outline-cross.danger,
+.icon-user-outline-blocked.danger,
+.icon-user-story-cross.danger {
+  @apply text-danger;
+}
+
+.icon.success {
+  @apply text-success;
+}
+
+.icon.danger {
+  @apply text-danger;
+}
+
+/*///// Status Icons /////*/
+
+.status-icon {
+  @apply inline-block w-icon h-icon bg-black;
+  mask-repeat: no-repeat;
+  mask-size: 20px 20px;
+}
+
+.status-submitted {
+  mask-image: url("/assets/images/exclamation-circle.svg");
+}
+
+.status-manager-approved {
+  @apply bg-success;
+  mask-image: url("/assets/images/check-circle.svg");
+}
+
+.status-customer-approved {
+  mask-image: url("/assets/images/check-circle-filled.svg");
+  @apply bg-success;
+}
+
+.status-forwarded {
+  mask-image: url("/assets/images/forward.svg");
+  @apply bg-danger;
+}
+
+.status-manager-rejected {
+  mask-image: url("/assets/images/cross-circle.svg");
+  @apply bg-danger;
+}
+
+.status-customer-rejected {
+  mask-image: url("/assets/images/cross-circle-filled.svg");
+  @apply bg-danger;
+}
+
+.status-manager-question {
+  mask-image: url("/assets/images/message-question.svg");
+}
+
+.status-withheld {
+  mask-image: url("/assets/images/blocked.svg");
+  @apply bg-danger;
+}
+
+.status-reproduction {
+  mask-image: url("/assets/images/bug-reproduction.svg");
+  width: 23px;
+  mask-size: 23px 20px;
+}
+
+.status-testcase-passed {
+  mask-image: url("/assets/images/check-circle-filled.svg");
+  @apply bg-success;
+}
+
+.status-testcase-failed {
+  mask-image: url("/assets/images/cross-circle-filled.svg");
+  @apply bg-danger;
 }

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

@@ -1,27 +1,27 @@
-
-.profile-thumb {
-  @apply w-spacing h-spacing;
-}
-
-.profile-thumb.round {
-  @apply rounded-full;
-}
-
-.profile-thumb.sm {
-  @apply w-md h-md;
-}
-
-.profile-thumb.lg {
-  height: 80px; 
-  width: 80px;
-}
-
-.profile-thumb.xl {
-  height: 130px;
-  width: 130px;
-}
-
-.profile-thumb.xxl {
-  height: 200px;
-  width: 200px;
-}
+
+.profile-thumb {
+  @apply w-spacing h-spacing;
+}
+
+.profile-thumb.round {
+  @apply rounded-full;
+}
+
+.profile-thumb.sm {
+  @apply w-md h-md;
+}
+
+.profile-thumb.lg {
+  height: 80px; 
+  width: 80px;
+}
+
+.profile-thumb.xl {
+  height: 130px;
+  width: 130px;
+}
+
+.profile-thumb.xxl {
+  height: 200px;
+  width: 200px;
+}

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

@@ -1,82 +1,37 @@
-.app-body {
-  @apply grid h-screen max-h-screen w-full overflow-hidden bg-white text-black;
-  grid-template-areas:  "header header header"
-                        "sidebar test-header test-header"
-                        "sidebar main aside"
-                        "sidebar chat-container chat-container"
-                        "sidebar footer footer";
-  grid-template-columns: auto minmax(0, 1fr) auto;
-  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
-}
-
-.main-content {
-  @apply relative overflow-x-hidden overflow-y-scroll max-h-full p-body-padding-mobile pb-lg sm:px-body-padding-tablet xl:px-body-padding-desktop;
-  grid-area: main;
-}
-
-.form-page-wrapper {
-  display: contents;
-}
-
-.page-content {
-  @apply mt-header pb-lg;
-}
-
-.content-wrapper {
-  @apply w-full overflow-x-hidden mt-header pb-lg;
-}
-
-.navbar-margin-top {
-  @apply mt-header;
-}
-
-.actionbar-padding-bottom {
-  @apply pb-lg;
-}
-
-/* @media (max-width: $sidebar-breakpoint) {
-  .offset .content-wrapper, .meta-header {
-    transition: all .25s ease-out;
-
-  }
-  .content-wrapper, .meta-header {
-    transition: all .25s ease-out;
-  }
-} */
-
-/* @media (min-width: $sidebar-breakpoint) {
-  .content-wrapper {
-    padding-left: $sidebar-width;
-    overflow-x: hidden;
-  }
-  .meta-header {
-    padding-left: $sidebar-width;
-  }
-} */
-
-
-/* .page-header {
-  padding: $spacing $body-padding-desktop;
-
-  .page-title {
-    margin: 0;
-
-    .label {
-      padding: 0;
-      vertical-align: super;
-      color: $gray;
-      background: transparent;
-      font-weight:normal;
-      font-size:.35em;
-      position:relative;
-      top:-7px;
-    }
-
-  }
-
-  @include media-breakpoint-down(sm) {
-    padding: $spacing $body-padding-mobile;
-  }
-} */
-
-
+.app-body {
+  @apply grid h-screen max-h-screen w-full overflow-hidden bg-white text-black;
+  grid-template-areas:  "header header header"
+                        "sidebar test-header test-header"
+                        "sidebar main aside"
+                        "sidebar chat-container chat-container"
+                        "sidebar footer footer";
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
+}
+
+.main-content {
+  @apply relative overflow-x-hidden overflow-y-scroll max-h-full p-body-padding-mobile pb-lg sm:px-body-padding-tablet xl:px-body-padding-desktop;
+  grid-area: main;
+}
+
+.form-page-wrapper {
+  display: contents;
+}
+
+.page-content {
+  @apply mt-header pb-lg;
+}
+
+.content-wrapper {
+  @apply w-full overflow-x-hidden mt-header pb-lg;
+}
+
+.navbar-margin-top {
+  @apply mt-header;
+}
+
+.actionbar-padding-bottom {
+  @apply pb-lg;
+}
+
+