testio-tailwind 0.1.0 → 0.2.1

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

@@ -1,133 +1,133 @@
-.result-module {
-  @apply relative;
-}
-
-.result-item {
-  @apply relative grid pl-spacing select-none;
-  grid-template-columns: auto 1fr auto;
-}
-
-.result-module > .result-item {
-  @apply border-t border-bordercolor first:border-t-0;
-}
-
-.result-header {
-  @apply flex flex-row justify-end pr-btn;
-}
-
-.result-header-item {
-  @apply flex flex-row;
-}
-
-.result-header-item.vertical-labels {
-  @apply flex-col-reverse flex-wrap justify-start content-center w-btn pb-xs select-none;
-  white-space: nowrap;
-  & .label {
-    @apply pt-xxs;
-    writing-mode: vertical-rl;
-    transform: rotate(180deg);
-  }
-}
-
-.result-item-buttons {
-  display: flex;
-  flex-direction: row;
-  margin-left: auto;
-}
-
-.result-item-buttons .btn {
-  @apply items-center justify-center w-btn h-full p-xxs border-l border-bordercolor rounded-none;
-  border-top: none;
-  border-bottom: none;
-}
-
-details.result-item {
-  grid: none;
-}
-
-details.result-item > summary {
-  @apply cursor-pointer;
-  position: relative;
-  display: grid;
-  grid-template-columns: 1fr auto auto;
-}
-
-details.result-item[open] > summary {
-  @apply border-b border-bordercolor;
-}
-
-details.result-item > summary:hover .result-item-title {
-  @apply text-link-hover;
-}
-
-.result-item::before {
-  @apply absolute inline-block w-icon h-icon top-xs left-0;
-  content: "";
-  mask-repeat: no-repeat;
-}
-
-.result-item.feature::before {
-  @apply bg-gray-dark;
-  mask-image: url("/assets/images/feature.svg");
-}
-
-.result-item.feature-passed::before {
-  @apply bg-success;
-  mask-image: url("/assets/images/feature-check.svg");
-}
-
-.result-item.feature-failed::before {
-  @apply bg-danger;
-  mask-image: url("/assets/images/feature-cross.svg");
-}
-
-.result-item.pending::before {
-  @apply bg-gray-dark;
-  mask-image: url("/assets/images/clock.svg");
-}
-
-.result-item.testcase::before {
-  @apply bg-black;
-  mask-image: url("/assets/images/testcase.svg");
-}
-
-details.result-item .collapse-btn {
-  @apply w-btn p-xxs justify-center top-0 -right-btn h-full border-l rounded-none border-bordercolor;
-  &:hover:after {
-    @apply bg-white;
-  }
-}
-
-details.result-item .collapse-btn:after {
-  @apply inline-block w-sm h-icon bg-primary;
-  content: "";
-  mask-image: url("/assets/images/arrow-down.svg");
-  mask-repeat: no-repeat;
-}
-
-details.result-item[open] .collapse-btn:after {
-  mask-image: url("/assets/images/arrow-up.svg");
-}
-
-details.result-item .issue-item {
-  @apply mr-btn py-xs border-b border-bordercolor last:border-b-0;
-}
-
-details.result-item .result-item {
-  @apply pl-lg mr-btn bg-gray-lightest border-b border-bordercolor last:border-b-0;
-  &::before {
-    @apply left-sm;
-  }
-}
-
-.result-item-title {
-  @apply py-xs pr-md;
-}
-
-.result-item-metrics {
-  @apply py-xs pr-xxs;
-}
-
-.result-item-metrics .metric-item {
-  @apply mr-xs;
+.result-module {
+  @apply relative;
+}
+
+.result-item {
+  @apply relative grid pl-spacing select-none;
+  grid-template-columns: auto 1fr auto;
+}
+
+.result-module > .result-item {
+  @apply border-t border-bordercolor first:border-t-0;
+}
+
+.result-header {
+  @apply flex flex-row justify-end pr-btn;
+}
+
+.result-header-item {
+  @apply flex flex-row;
+}
+
+.result-header-item.vertical-labels {
+  @apply flex-col-reverse flex-wrap justify-start content-center w-btn pb-xs select-none;
+  white-space: nowrap;
+  & .label {
+    @apply pt-xxs;
+    writing-mode: vertical-rl;
+    transform: rotate(180deg);
+  }
+}
+
+.result-item-buttons {
+  display: flex;
+  flex-direction: row;
+  margin-left: auto;
+}
+
+.result-item-buttons .btn {
+  @apply items-center justify-center w-btn h-full p-xxs border-l border-bordercolor rounded-none;
+  border-top: none;
+  border-bottom: none;
+}
+
+details.result-item {
+  grid: none;
+}
+
+details.result-item > summary {
+  @apply cursor-pointer;
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr auto auto;
+}
+
+details.result-item[open] > summary {
+  @apply border-b border-bordercolor;
+}
+
+details.result-item > summary:hover .result-item-title {
+  @apply text-link-hover;
+}
+
+.result-item::before {
+  @apply absolute inline-block w-icon h-icon top-xs left-0;
+  content: "";
+  mask-repeat: no-repeat;
+}
+
+.result-item.feature::before {
+  @apply bg-gray-dark;
+  mask-image: url("/assets/images/feature.svg");
+}
+
+.result-item.feature-passed::before {
+  @apply bg-success;
+  mask-image: url("/assets/images/feature-check.svg");
+}
+
+.result-item.feature-failed::before {
+  @apply bg-danger;
+  mask-image: url("/assets/images/feature-cross.svg");
+}
+
+.result-item.pending::before {
+  @apply bg-gray-dark;
+  mask-image: url("/assets/images/clock.svg");
+}
+
+.result-item.testcase::before {
+  @apply bg-black;
+  mask-image: url("/assets/images/testcase.svg");
+}
+
+details.result-item .collapse-btn {
+  @apply w-btn p-xxs justify-center top-0 -right-btn h-full border-l rounded-none border-bordercolor;
+  &:hover:after {
+    @apply bg-white;
+  }
+}
+
+details.result-item .collapse-btn:after {
+  @apply inline-block w-sm h-icon bg-primary;
+  content: "";
+  mask-image: url("/assets/images/arrow-down.svg");
+  mask-repeat: no-repeat;
+}
+
+details.result-item[open] .collapse-btn:after {
+  mask-image: url("/assets/images/arrow-up.svg");
+}
+
+details.result-item .issue-item {
+  @apply mr-btn py-xs border-b border-bordercolor last:border-b-0;
+}
+
+details.result-item .result-item {
+  @apply pl-lg mr-btn bg-gray-lightest border-b border-bordercolor last:border-b-0;
+  &::before {
+    @apply left-sm;
+  }
+}
+
+.result-item-title {
+  @apply py-xs pr-md;
+}
+
+.result-item-metrics {
+  @apply py-xs pr-xxs;
+}
+
+.result-item-metrics .metric-item {
+  @apply mr-xs;
 }

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

@@ -1,110 +1,110 @@
-.form-search {
-  @apply relative;
-}
-
-.form-search input[type=search] {
-  appearance: none;
-  &::-ms-clear { display: none; width: 0; height: 0; }
-  &::-ms-reveal { display: none; width: 0; height: 0; }
-  &::-webkit-search-decoration,
-  &::-webkit-search-cancel-button,
-  &::-webkit-search-results-button,
-  &::-webkit-search-results-decoration { display: none; }
-}
-
-.form-search.inverted input {
-  @apply text-white border-primary bg-transparent;
-}
-
-.form-search .btn-clear,
-.form-search .btn-submit {
-  @apply absolute justify-center w-btn top-0 px-xxs rounded-none;
-  &::before {
-    @apply inline-block w-icon h-icon bg-primary;
-    content: "";
-    mask-repeat: no-repeat;
-  }
-  &:hover::before, &:focus::before {
-    @apply bg-white;
-  }
-  &:last-child {
-    @apply rounded-r;
-  }
-}
-
-.form-search .btn-clear {
-  @apply right-btn;
-}
-
-.form-search .btn-clear::before {
-  mask-image: url("/assets/images/cross.svg");
-}
-
-.form-search .btn-submit {
-  @apply right-0 bg-primary;
-  &::before {
-    @apply bg-white;
-  }
-  &:hover, &:focus {
-    @apply bg-link-hover;
-  }
-}
-
-.form-search .btn-submit::before {
-  mask-image: url("/assets/images/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-repeat: no-repeat;
-  }
-  .form-control {
-    @apply pl-lg pr-lg;
-  }
-  .btn-clear {
-    @apply right-0;
-  }
-}
-
-
-/*/ Search popover /*/
-
-.popover-menu.search, 
-.dropdown-menu.search {
-  @apply w-popover-width bg-petrol-800;
-  input {
-    border: none;
-  }
-  .btn {
-    @apply rounded;
-  }
-}
-
-.popover-menu .list-searchresults,
-.dropdown-menu .list-searchresults {
-  @apply mt-xs p-sm pt-xs border-t-1 border-black overflow-y-scroll;
-  max-height: 500px;
-  &::-webkit-scrollbar {
-    display: none;
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
-}
-
-.popover-menu .list-searchresults .issue-item,
-.dropdown-menu .list-searchresults .issue-item {
-  @apply mt-xs;
-}
-
-.popover-menu .issue-title,
-.dropdown-menu .issue-title {
-  @apply text-white;
-}
-
-.popover-menu .issue-info,
-.dropdown-menu .issue-info {
-  @apply text-label-inverted-color;
-}
+.form-search {
+  @apply relative;
+}
+
+.form-search input[type=search] {
+  appearance: none;
+  &::-ms-clear { display: none; width: 0; height: 0; }
+  &::-ms-reveal { display: none; width: 0; height: 0; }
+  &::-webkit-search-decoration,
+  &::-webkit-search-cancel-button,
+  &::-webkit-search-results-button,
+  &::-webkit-search-results-decoration { display: none; }
+}
+
+.form-search.inverted input {
+  @apply text-white border-primary bg-transparent;
+}
+
+.form-search .btn-clear,
+.form-search .btn-submit {
+  @apply absolute justify-center w-btn top-0 px-xxs rounded-none;
+  &::before {
+    @apply inline-block w-icon h-icon bg-primary;
+    content: "";
+    mask-repeat: no-repeat;
+  }
+  &:hover::before, &:focus::before {
+    @apply bg-white;
+  }
+  &:last-child {
+    @apply rounded-r;
+  }
+}
+
+.form-search .btn-clear {
+  @apply right-btn;
+}
+
+.form-search .btn-clear::before {
+  mask-image: url("/assets/images/cross.svg");
+}
+
+.form-search .btn-submit {
+  @apply right-0 bg-primary;
+  &::before {
+    @apply bg-white;
+  }
+  &:hover, &:focus {
+    @apply bg-link-hover;
+  }
+}
+
+.form-search .btn-submit::before {
+  mask-image: url("/assets/images/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-repeat: no-repeat;
+  }
+  .form-control {
+    @apply pl-lg pr-lg;
+  }
+  .btn-clear {
+    @apply right-0;
+  }
+}
+
+
+/*/ Search popover /*/
+
+.popover-menu.search, 
+.dropdown-menu.search {
+  @apply w-popover-width bg-petrol-800;
+  input {
+    border: none;
+  }
+  .btn {
+    @apply rounded;
+  }
+}
+
+.popover-menu .list-searchresults,
+.dropdown-menu .list-searchresults {
+  @apply mt-xs p-sm pt-xs border-t-1 border-black overflow-y-scroll;
+  max-height: 500px;
+  &::-webkit-scrollbar {
+    display: none;
+    -ms-overflow-style: none;
+    scrollbar-width: none;
+  }
+}
+
+.popover-menu .list-searchresults .issue-item,
+.dropdown-menu .list-searchresults .issue-item {
+  @apply mt-xs;
+}
+
+.popover-menu .issue-title,
+.dropdown-menu .issue-title {
+  @apply text-white;
+}
+
+.popover-menu .issue-info,
+.dropdown-menu .issue-info {
+  @apply text-label-inverted-color;
+}

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

@@ -1,98 +1,98 @@
-
-.section {
-  @apply mb-section-margin;
-}
-
-.section-header {
-  @apply relative flex flex-row mb-md;
-
-  &::after {
-    @apply block absolute h-1px w-full left-0 bottom-0 border-bordercolor border-b-1;
-    content: "";
-  }
-}
-
-.section-header .section-title {
-  @apply pr-sm bg-appbody overflow-hidden inline-block relative align-bottom m-0;
-  bottom: -6px;
-  line-height: 1.2;
-  z-index: 1;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 1; 
-  
-  .icon { 
-    vertical-align: middle;  
-  }
-  .count {
-    margin-left: 2px;
-    font-size: 60%;
-  }
-}
-
-.section-header .section-label {
-  @apply text-label relative self-end ml-auto whitespace-nowrap;
-}
-
-.section-header .section-detail {
-  @apply relative inline-block text-label;
-}
-
-.section-header .section-time-frame {
-  @apply absolute top-xs right-0;
-}
-
-.section-actions {
-  @apply relative flex flex-row justify-end self-end ml-auto whitespace-nowrap bottom-xxs;
-}
-
-.section-actions .link-with-icon,
-.section-actions .linked-icon {
-  @apply ml-sm;
-}
-
-
-/* collapsable section */
-
-.section-collapsable {
-  @apply mb-section-margin;
-}
-
-.section-collapsable .section-header {
-  @apply mb-0;
-}
-
-.section-collapsable[open] .section-header {
-  @apply mb-heading;
-}
-
-.section-collapsable[open] .section-title::before {
-  mask-image: url("/assets/images/caret-down.svg");
-}
-
-.section-collapsable .section-title {
-  @apply pl-sm text-primary;
-  user-select: none;
-}
-
-.section-collapsable .section-title::before {
-  @apply absolute inline-block h-icon w-icon bg-primary;
-  content: "";
-  top: 50%;
-  left: 0;
-  margin-top: -11px;
-  mask-image: url("/assets/images/caret-right.svg");
-  mask-repeat: no-repeat;
-  z-index: 1;
-}
-
-.section-collapsable .section-header:hover,
-.section-collapsable .section-header:focus,
-.section-collapsable .section-header:active {
-  .section-title {
-    @apply text-link-hover;
-  }
-  .section-title::before {
-    @apply bg-link-hover;
-  }
+
+.section {
+  @apply mb-section-margin;
+}
+
+.section-header {
+  @apply relative flex flex-row mb-md;
+
+  &::after {
+    @apply block absolute h-1px w-full left-0 bottom-0 border-bordercolor border-b-1;
+    content: "";
+  }
+}
+
+.section-header .section-title {
+  @apply pr-sm bg-appbody overflow-hidden inline-block relative align-bottom m-0;
+  bottom: -6px;
+  line-height: 1.2;
+  z-index: 1;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 1;
+  line-clamp: 1;
+  
+  .icon { 
+    vertical-align: middle;  
+  }
+  .count {
+    margin-left: 2px;
+    font-size: 60%;
+  }
+}
+
+.section-header .section-label {
+  @apply text-label relative self-end ml-auto whitespace-nowrap;
+}
+
+.section-header .section-detail {
+  @apply relative inline-block text-label;
+}
+
+.section-header .section-time-frame {
+  @apply absolute top-xs right-0;
+}
+
+.section-actions {
+  @apply relative flex flex-row justify-end self-end ml-auto whitespace-nowrap bottom-xxs;
+}
+
+.section-actions .link-with-icon,
+.section-actions .linked-icon {
+  @apply ml-sm;
+}
+
+
+/* collapsable section */
+
+.section-collapsable {
+  @apply mb-section-margin;
+}
+
+.section-collapsable .section-header {
+  @apply mb-0;
+}
+
+.section-collapsable[open] .section-header {
+  @apply mb-heading;
+}
+
+.section-collapsable[open] .section-title::before {
+  mask-image: url("/assets/images/caret-down.svg");
+}
+
+.section-collapsable .section-title {
+  @apply pl-sm text-primary cursor-pointer select-none;
+}
+
+.section-collapsable .section-title::before {
+  @apply absolute inline-block h-icon w-icon bg-primary;
+  content: "";
+  top: 50%;
+  left: 0;
+  margin-top: -11px;
+  mask-image: url("/assets/images/caret-right.svg");
+  mask-repeat: no-repeat;
+  z-index: 1;
+}
+
+.section-collapsable .section-header:hover,
+.section-collapsable .section-header:focus,
+.section-collapsable .section-header:active {
+  .section-title {
+    @apply text-link-hover;
+  }
+  .section-title::before {
+    @apply bg-link-hover;
+  }
 }