testio-tailwind 0.2.0 → 0.2.2

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

@@ -1,120 +1,120 @@
-.popover {
-  @apply p-0 text-white;
-}
-
-.popover .popover-header {
-  @apply whitespace-nowrap text-white font-bold leading-tight p-sm;
-}
-
-.popover .popover-title {
-  @apply pb-xs font-bold leading-tight text-white whitespace-nowrap;
-}
-
-.popover-header {
-  @apply text-label;
-  margin-top: -1px;
-
-  .card {
-    @apply absolute border-link-hover;
-    top: -1px;
-  }
-
-  .popover-description {
-    @apply text-white font-normal mb-xxs leading-tight text-xs;
-  }
-}
-
-.popover-content {
-  @apply overflow-hidden pb-0;
-}
-
-.popover hr {
-  @apply m-0 opacity-50 bg-white;
-}
-
-.popover.tester-profile {
-  @apply overflow-hidden pointer-events-none;
-  top: -1px;
-
-  .popover-header {
-    @apply h-auto;
-  }
-}
-
-.popover-content .section-headline {
-
-  position: relative;
-
-  .title {
-    display: inline-block;
-
-    &:after {
-      @apply opacity-50;
-      display: inline-block;
-      content: "";
-      position: absolute;
-      margin-left: 5px;
-      bottom: 19px;
-      width: 230px;
-      height: 1px;
-    }
-  }
-}
-
-.popover.left {
-  left: -1px;
-
-  .popover-header .card {
-    @apply rounded-tl; 
-    left: -1px;
-    &.tester-avatar img {
-      border-bottom-left-radius: 0;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-  }
-
-  .popover-header {
-    @apply pl-sm;
-  }
-  .popover-title {
-    padding-left: 0;
-  }
-}
-
-.popover.right {
-  left: auto;
-  right: -1px;
-
-  .popover-header .card {
-    @apply rounded-tr; 
-    margin: 0;
-    right: -1px;
-    &.tester-avatar img {
-      border-bottom-left-radius: 0;
-      border-top-left-radius: 0;
-    }
-  }
-
-  .popover-header {
-    @apply pl-sm;
-  }
-
-  .popover-title {
-    padding-left: 0;
-    padding-right: 0;
-  }
-}
-
-.popover.md {
-  @apply w-card-md max-w-card-md;
-}
-
-.popover.flexible {
-  width: 100%;
-  max-width: initial;
-}
-
-.popover_info_icon {
-  cursor:pointer !important;
-}
+.popover {
+  @apply p-0 text-white;
+}
+
+.popover .popover-header {
+  @apply whitespace-nowrap text-white font-bold leading-tight p-sm;
+}
+
+.popover .popover-title {
+  @apply pb-xs font-bold leading-tight text-white whitespace-nowrap;
+}
+
+.popover-header {
+  @apply text-label;
+  margin-top: -1px;
+
+  .card {
+    @apply absolute border-link-hover;
+    top: -1px;
+  }
+
+  .popover-description {
+    @apply text-white font-normal mb-xxs leading-tight text-xs;
+  }
+}
+
+.popover-content {
+  @apply overflow-hidden pb-0;
+}
+
+.popover hr {
+  @apply m-0 opacity-50 bg-white;
+}
+
+.popover.tester-profile {
+  @apply overflow-hidden pointer-events-none;
+  top: -1px;
+
+  .popover-header {
+    @apply h-auto;
+  }
+}
+
+.popover-content .section-headline {
+
+  position: relative;
+
+  .title {
+    display: inline-block;
+
+    &:after {
+      @apply opacity-50;
+      display: inline-block;
+      content: "";
+      position: absolute;
+      margin-left: 5px;
+      bottom: 19px;
+      width: 230px;
+      height: 1px;
+    }
+  }
+}
+
+.popover.left {
+  left: -1px;
+
+  .popover-header .card {
+    @apply rounded-tl; 
+    left: -1px;
+    &.tester-avatar img {
+      border-bottom-left-radius: 0;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0;
+    }
+  }
+
+  .popover-header {
+    @apply pl-sm;
+  }
+  .popover-title {
+    padding-left: 0;
+  }
+}
+
+.popover.right {
+  left: auto;
+  right: -1px;
+
+  .popover-header .card {
+    @apply rounded-tr; 
+    margin: 0;
+    right: -1px;
+    &.tester-avatar img {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+    }
+  }
+
+  .popover-header {
+    @apply pl-sm;
+  }
+
+  .popover-title {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+
+.popover.md {
+  @apply w-card-md max-w-card-md;
+}
+
+.popover.flexible {
+  width: 100%;
+  max-width: initial;
+}
+
+.popover_info_icon {
+  cursor:pointer !important;
+}

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

@@ -1,70 +1,70 @@
-.progress {
-  @apply h-progress-bar-thin-height;
-  appearance: none;
-  display: block;
-  overflow: hidden;
-  width: 100%;
-  border-radius: 0;
-  &::-webkit-progress-bar {
-    @apply h-progress-bar-thin-height bg-gray-lighter;
-  }
-  &::-webkit-progress-value {
-    @apply h-progress-bar-thin-height bg-info;
-  }
-}
-
-.progress.thick,
-.progress.thick {
-  @apply h-progress-bar-thick-height rounded;
-  &::-webkit-progress-value,
-  &::-webkit-progress-bar {
-    @apply h-progress-bar-thick-height;
-  } 
-}
-
-.progress.empty,
-.progress.empty-progress-bar {
-  @apply border border-white;
-}
-
-.progress .progress-bar  {
-  float: left;
-  height: 100%;
-}
-
-.progress-vertical {
-  @apply rounded bg-gray-lighter w-progress-bar-thick-height;
-  overflow: hidden;
-  margin: auto;
-
-  &.thin-progress-bar {
-    @apply w-progress-bar-thin-height;
-  }
-
-  .progress-bar {
-    width: 100%;
-  }
-}
-
-.progress-bar-blue {
-  @apply bg-info;
-}
-
-.progress-bar-success,
-.progress-bar-success::-webkit-progress-value {
-  @apply bg-success;
-}
-
-.progress-bar-danger,
-.progress-bar-danger::-webkit-progress-value {
-  @apply bg-danger;
-}
-
-.progress.test-progress {
-  &::-webkit-progress-bar {
-    @apply h-progress-bar-thin-height bg-gray-lighter;
-  }
-  &::-webkit-progress-value {
-    @apply h-progress-bar-thin-height bg-info;
-  }
+.progress {
+  @apply h-progress-bar-thin-height;
+  appearance: none;
+  display: block;
+  overflow: hidden;
+  width: 100%;
+  border-radius: 0;
+  &::-webkit-progress-bar {
+    @apply h-progress-bar-thin-height bg-gray-lighter;
+  }
+  &::-webkit-progress-value {
+    @apply h-progress-bar-thin-height bg-info;
+  }
+}
+
+.progress.thick,
+.progress.thick {
+  @apply h-progress-bar-thick-height rounded;
+  &::-webkit-progress-value,
+  &::-webkit-progress-bar {
+    @apply h-progress-bar-thick-height;
+  } 
+}
+
+.progress.empty,
+.progress.empty-progress-bar {
+  @apply border border-white;
+}
+
+.progress .progress-bar  {
+  float: left;
+  height: 100%;
+}
+
+.progress-vertical {
+  @apply rounded bg-gray-lighter w-progress-bar-thick-height;
+  overflow: hidden;
+  margin: auto;
+
+  &.thin-progress-bar {
+    @apply w-progress-bar-thin-height;
+  }
+
+  .progress-bar {
+    width: 100%;
+  }
+}
+
+.progress-bar-blue {
+  @apply bg-info;
+}
+
+.progress-bar-success,
+.progress-bar-success::-webkit-progress-value {
+  @apply bg-success;
+}
+
+.progress-bar-danger,
+.progress-bar-danger::-webkit-progress-value {
+  @apply bg-danger;
+}
+
+.progress.test-progress {
+  &::-webkit-progress-bar {
+    @apply h-progress-bar-thin-height bg-gray-lighter;
+  }
+  &::-webkit-progress-value {
+    @apply h-progress-bar-thin-height bg-info;
+  }
 }

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

@@ -1,59 +1,59 @@
-.radio-tabs {
-  @apply flex flex-wrap;
-}
-
-.radio-tab {
-  @apply hidden;
-}
-
-.radio-tabs .radio-tab-btn {
-  @apply inline-flex justify-start items-center h-btn py-xs px-md text-primary bg-transparent border border-primary;
-  line-height: normal;
-  &:hover, &:focus {
-    @apply text-white bg-link-hover border-link-hover;
-    & .icon {
-      @apply text-white;
-    }
-  }
-  &:first-of-type {
-    @apply rounded-l;
-  }
-  &:last-of-type {
-    @apply rounded-r;
-  }
-}
-
-.radio-tab:checked + .radio-tab-btn {
-  @apply relative text-white border-info bg-info;
-  background-image: none;
-
-  &::after {
-    @apply absolute block bg-white;
-    content: "";
-    height: 6px;
-    width: 8px;
-    top: 3px;
-    left: 3px;
-    mask-image: url("/assets/images/check-selectable-items.svg");
-    mask-repeat: no-repeat;
-  }
-
-  & .icon-low, & .icon-high, & .icon-critical {
-    @apply text-white;
-  }
-  &:hover, &:focus {
-    @apply text-white bg-link-hover border-link-hover;
-    & .icon {
-      @apply text-white;
-    }
-  }
-}
-
-.radio-tabs .radio-tab-content {
-  @apply hidden w-full mt-xs p-sm bg-card rounded;
-  order: 99;
-}
-
-.radio-tab:checked + .radio-tab-btn + .radio-tab-content {
-  @apply block; 
-}
+.radio-tabs {
+  @apply flex flex-wrap;
+}
+
+.radio-tab {
+  @apply hidden;
+}
+
+.radio-tabs .radio-tab-btn {
+  @apply inline-flex justify-start items-center h-btn py-xs px-md text-primary bg-transparent border border-primary;
+  line-height: normal;
+  &:hover, &:focus {
+    @apply text-white bg-link-hover border-link-hover;
+    & .icon {
+      @apply text-white;
+    }
+  }
+  &:first-of-type {
+    @apply rounded-l;
+  }
+  &:last-of-type {
+    @apply rounded-r;
+  }
+}
+
+.radio-tab:checked + .radio-tab-btn {
+  @apply relative text-white border-info bg-info;
+  background-image: none;
+
+  &::after {
+    @apply absolute block bg-white;
+    content: "";
+    height: 6px;
+    width: 8px;
+    top: 3px;
+    left: 3px;
+    mask-image: url("/assets/images/check-selectable-items.svg");
+    mask-repeat: no-repeat;
+  }
+
+  & .icon-low, & .icon-high, & .icon-critical {
+    @apply text-white;
+  }
+  &:hover, &:focus {
+    @apply text-white bg-link-hover border-link-hover;
+    & .icon {
+      @apply text-white;
+    }
+  }
+}
+
+.radio-tabs .radio-tab-content {
+  @apply hidden w-full mt-xs p-sm bg-card rounded;
+  order: 99;
+}
+
+.radio-tab:checked + .radio-tab-btn + .radio-tab-content {
+  @apply block; 
+}

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

@@ -1,27 +1,27 @@
-/* Remove default styles */
-
-details summary {
-  list-style: none;
-}
-
-ul, ol {
-  list-style: none;
-}
-
-a {
-  text-decoration: none !important;
-}
-
-a:hover,
-a:hover .icon::before,
-a.icon, 
-a.icon-xs, 
-a.icon-sm, 
-a.icon-lg, 
-a.icon-xl {
-  @apply no-underline hover:no-underline;
-}
-
-input {
-  appearance: none;
+/* Remove default styles */
+
+details summary {
+  list-style: none;
+}
+
+ul, ol {
+  list-style: none;
+}
+
+a {
+  text-decoration: none !important;
+}
+
+a:hover,
+a:hover .icon::before,
+a.icon, 
+a.icon-xs, 
+a.icon-sm, 
+a.icon-lg, 
+a.icon-xl {
+  @apply no-underline hover:no-underline;
+}
+
+input {
+  appearance: none;
 }