testio-tailwind 0.1.0 → 0.2.1

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

@@ -1,200 +1,200 @@
-
-.markdown, .trix-content {
-
-  h1, h2, h3, h4, h5, h6 {
-    @apply mb-sm mt-md first:mt-0 font-headings leading-none;
-  }
-
-  h1 {
-    @apply text-heading-2;
-  }
-
-  h2 {
-    @apply text-heading-3;
-  }
-
-  h3 {
-    @apply text-heading-4;
-  }
-
-  h4 {
-    @apply text-heading-5;
-  }
-
-  h5, h6 {
-    @apply text-base uppercase font-semibold;
-  }
-
-  p {
-    @apply mb-xs;
-  }
-
-  em {
-    @apply px-xxs text-white font-normal bg-info rounded;
-  }
-
-  code {
-    @apply p-xxs mb-xs text-label bg-gray-lightest text-black font-mono rounded;
-  }
-
-  pre {
-    @apply w-auto py-xxs px-xs mb-xs overflow-auto text-black bg-gray-lightest rounded font-mono whitespace-pre-wrap;
-  }
-
-  pre > code {
-    @apply m-0 p-0 break-normal whitespace-pre bg-transparent border-0;
-  }
-
-  pre code {
-    @apply inline m-0 p-0 overflow-visible bg-transparent bottom-0;
-    line-height: inherit;
-    word-wrap: normal;
-  }
-
-  blockquote {
-    @apply m-0 pl-sm text-gray-darker border-l-4 border-gray-lighter;
-  }
-
-  figure {
-    display: block;
-    margin: 1em 40px;
-  }
-
-  hr {
-    @apply my-sm;
-  }
-
-  em strong,
-  strong em {
-    font-family: sans-serif;
-  }
-
-  table {
-    border-spacing: 0;
-    border-collapse: collapse;
-    display: block;
-    width: max-content;
-    max-width: 100%;
-    overflow: auto;
-  }
-
-  th {
-    @apply py-xxs px-xs bg-gray-lighter border border-white text-left text-label font-semibold;
-  }
-
-  td {
-    @apply bg-gray-lightest border border-white p-xs text-left;
-  }
-}
-
-/*/// List styles with combinations ///*/
-
-
-.markdown, .trix-content {
-  ul, ol {
-    @apply relative block mt-xs mb-md overflow-visible;
-    counter-reset: list-counter;
-    list-style: none;
-    padding-inline-start: 0;
-    padding-inline-end: 0;
-  }
-
-  li {
-    @apply ml-0;
-  }
-
-  ul li {
-    @apply relative mb-xxs pl-md;
-  }
-
-  ul ul > li {
-    @apply pl-sm;
-  }
-
-  ul ul ul > li {
-    margin-bottom: 5px;
-    padding-left: 12px;
-  }
-
-  ul ul > li::before {
-    top: 1px;
-    font-size: 12px;
-  }
-
-  ul ul ul > li::before {
-    top: 3px;
-    font-size: 8px;
-  }
-
-  ul > li, ol > li {
-    display: block;
-    position: relative;
-    line-height: 1;
-  }
-
-  ol {
-    @apply mt-md mb-spacing;
-  }
-
-  ol > li {
-    @apply mb-md;
-    counter-increment: list-counter;
-    position: relative;
-    padding-left: 40px;
-  }
-
-  ol > li::before {
-    @apply absolute block w-spacing h-spacing pt-xxs left-0 overflow-visible text-center bg-gray-lighter;
-    content: counter(list-counter);
-    top: -8px;
-    font-size: 18px;
-    line-height: 1;
-    border-radius: 50%;
-  }
-
-  ul > li::before {
-    position: absolute;
-    display: inline;
-    top: -4px;
-    left: 0;
-    width: auto;
-    height: auto;
-    padding-top: 0;
-    content: "●";
-    font-size: 20px;
-    text-align: left;
-    background-color: transparent;
-    border-radius: 0;
-  }
-
-  ol ol, ol ul, ul ol {
-    @apply mt-sm ml-0;
-  }
-
-  ul ul {
-    @apply mt-xs ml-0;
-  }
-
-  ol ol > li, ul ol > li {
-    margin-bottom: 12px;
-    padding-left: 30px;
-  }
-
-  ol ol > li::before, ul ol > li::before {
-    @apply w-md h-md text-base font-medium;
-    top: -1px;
-    padding-top: 2px;
-    line-height: 1.2;
-  }
-
-  ol ol ol > li, ul ul ul > li, ul ol ol > li {
-    margin-bottom: 5px;
-    padding-left: 20px;
-  }
-
-   ol ol ol > li::before, ul ol ol > li::before  {
-    content: counter(list-counter) ".";
-    text-align: left;
-    background-color: transparent;
-  }
-}
+
+.markdown, .trix-content {
+
+  h1, h2, h3, h4, h5, h6 {
+    @apply mb-sm mt-md first:mt-0 font-headings leading-none;
+  }
+
+  h1 {
+    @apply text-heading-2;
+  }
+
+  h2 {
+    @apply text-heading-3;
+  }
+
+  h3 {
+    @apply text-heading-4;
+  }
+
+  h4 {
+    @apply text-heading-5;
+  }
+
+  h5, h6 {
+    @apply text-base uppercase font-semibold;
+  }
+
+  p {
+    @apply mb-xs;
+  }
+
+  em {
+    @apply px-xxs text-white font-normal bg-info rounded;
+  }
+
+  code {
+    @apply p-xxs mb-xs text-label bg-gray-lightest text-black font-mono rounded;
+  }
+
+  pre {
+    @apply w-auto py-xxs px-xs mb-xs overflow-auto text-black bg-gray-lightest rounded font-mono whitespace-pre-wrap;
+  }
+
+  pre > code {
+    @apply m-0 p-0 break-normal whitespace-pre bg-transparent border-0;
+  }
+
+  pre code {
+    @apply inline m-0 p-0 overflow-visible bg-transparent bottom-0;
+    line-height: inherit;
+    word-wrap: normal;
+  }
+
+  blockquote {
+    @apply m-0 pl-sm text-gray-darker border-l-4 border-gray-lighter;
+  }
+
+  figure {
+    display: block;
+    margin: 1em 40px;
+  }
+
+  hr {
+    @apply my-sm;
+  }
+
+  em strong,
+  strong em {
+    font-family: sans-serif;
+  }
+
+  table {
+    border-spacing: 0;
+    border-collapse: collapse;
+    display: block;
+    width: max-content;
+    max-width: 100%;
+    overflow: auto;
+  }
+
+  th {
+    @apply py-xxs px-xs bg-gray-lighter border border-white text-left text-label font-semibold;
+  }
+
+  td {
+    @apply bg-gray-lightest border border-white p-xs text-left;
+  }
+}
+
+/*/// List styles with combinations ///*/
+
+
+.markdown, .trix-content {
+  ul, ol {
+    @apply relative block mt-xs mb-md overflow-visible;
+    counter-reset: list-counter;
+    list-style: none;
+    padding-inline-start: 0;
+    padding-inline-end: 0;
+  }
+
+  li {
+    @apply ml-0;
+  }
+
+  ul li {
+    @apply relative mb-xxs pl-md;
+  }
+
+  ul ul > li {
+    @apply pl-sm;
+  }
+
+  ul ul ul > li {
+    margin-bottom: 5px;
+    padding-left: 12px;
+  }
+
+  ul ul > li::before {
+    top: 1px;
+    font-size: 12px;
+  }
+
+  ul ul ul > li::before {
+    top: 3px;
+    font-size: 8px;
+  }
+
+  ul > li, ol > li {
+    display: block;
+    position: relative;
+    line-height: 1;
+  }
+
+  ol {
+    @apply mt-md mb-spacing;
+  }
+
+  ol > li {
+    @apply mb-md;
+    counter-increment: list-counter;
+    position: relative;
+    padding-left: 40px;
+  }
+
+  ol > li::before {
+    @apply absolute block w-spacing h-spacing pt-xxs left-0 overflow-visible text-center bg-gray-lighter;
+    content: counter(list-counter);
+    top: -8px;
+    font-size: 18px;
+    line-height: 1;
+    border-radius: 50%;
+  }
+
+  ul > li::before {
+    position: absolute;
+    display: inline;
+    top: -4px;
+    left: 0;
+    width: auto;
+    height: auto;
+    padding-top: 0;
+    content: "●";
+    font-size: 20px;
+    text-align: left;
+    background-color: transparent;
+    border-radius: 0;
+  }
+
+  ol ol, ol ul, ul ol {
+    @apply mt-sm ml-0;
+  }
+
+  ul ul {
+    @apply mt-xs ml-0;
+  }
+
+  ol ol > li, ul ol > li {
+    margin-bottom: 12px;
+    padding-left: 30px;
+  }
+
+  ol ol > li::before, ul ol > li::before {
+    @apply w-md h-md text-base font-medium;
+    top: -1px;
+    padding-top: 2px;
+    line-height: 1.2;
+  }
+
+  ol ol ol > li, ul ul ul > li, ul ol ol > li {
+    margin-bottom: 5px;
+    padding-left: 20px;
+  }
+
+   ol ol ol > li::before, ul ol ol > li::before  {
+    content: counter(list-counter) ".";
+    text-align: left;
+    background-color: transparent;
+  }
+}

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

@@ -1,57 +1,57 @@
-
-aside.metasidebar {
-  @apply relative overflow-hidden;
-  grid-area: aside;
-}
-
-aside .metasidebar-btn {
-  @apply relative inline-flex items-center justify-center h-full w-spacing border-l border-bordercolor;
-}
-
-aside .metasidebar-btn::after {
-  @apply inline-block right-xs bg-primary top-xs w-xs h-icon;
-  content: "";
-  mask-image: url("/assets/images/arrow-left.svg");
-  mask-repeat: no-repeat;
-}
-
-aside .metasidebar-btn:hover {
-  @apply bg-link-hover;
-  &:after {
-    @apply bg-white;
-  }
-} 
-
-aside .metasidebar-wrapper[open] .metasidebar-btn {
-  @apply absolute w-md;
-}
-
-aside .metasidebar-wrapper[open] .metasidebar-btn::after {
-  mask-image: url("/assets/images/arrow-right.svg");
-  mask-repeat: no-repeat;
-}
-
-
-aside .metasidebar-wrapper {
-  @apply relative grid h-full max-h-full min-h-0 bg-white;
-  grid-template-columns: auto 1fr;
-  grid-template-rows: minmax(0, 1fr);
-}
-
-aside .metasidebar-wrapper[open] {
-  @screen sm {
-    @apply relative grid top-auto;
-  }
-}
-
-aside .metasidebar-content {
-  @apply relative block sm:w-meta-sidebar-width max-h-full min-h-0 ml-md pt-spacing pr-spacing pb-xxl pl-xs overflow-y-scroll;
-}
-
-.metasidebar-title {
-  @apply text-heading-4 mb-heading;
-}
-
-.metasidebar-subheading {
-  @apply text-heading-5 mb-xs;
+
+aside.metasidebar {
+  @apply relative overflow-hidden;
+  grid-area: aside;
+}
+
+aside .metasidebar-btn {
+  @apply relative inline-flex items-center justify-center h-full w-spacing border-l border-bordercolor;
+}
+
+aside .metasidebar-btn::after {
+  @apply inline-block right-xs bg-primary top-xs w-xs h-icon;
+  content: "";
+  mask-image: url("/assets/images/arrow-left.svg");
+  mask-repeat: no-repeat;
+}
+
+aside .metasidebar-btn:hover {
+  @apply bg-link-hover;
+  &:after {
+    @apply bg-white;
+  }
+} 
+
+aside .metasidebar-wrapper[open] .metasidebar-btn {
+  @apply absolute w-md;
+}
+
+aside .metasidebar-wrapper[open] .metasidebar-btn::after {
+  mask-image: url("/assets/images/arrow-right.svg");
+  mask-repeat: no-repeat;
+}
+
+
+aside .metasidebar-wrapper {
+  @apply relative grid h-full max-h-full min-h-0 bg-white;
+  grid-template-columns: auto 1fr;
+  grid-template-rows: minmax(0, 1fr);
+}
+
+aside .metasidebar-wrapper[open] {
+  @screen sm {
+    @apply relative grid top-auto;
+  }
+}
+
+aside .metasidebar-content {
+  @apply relative block sm:w-meta-sidebar-width max-h-full min-h-0 ml-md pt-spacing pr-spacing pb-xxl pl-xs overflow-y-scroll;
+}
+
+.metasidebar-title {
+  @apply text-heading-4 mb-heading;
+}
+
+.metasidebar-subheading {
+  @apply text-heading-5 mb-xs;
 }

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

@@ -1,13 +1,13 @@
-a.metric-item:hover .icon {
-  @apply text-link-hover;
-}
-
-.metric-item {
-  @apply inline-flex;
-  & .icon {
-    @apply mr-xxs;
-  }
-  &:last-child {
-    @apply mr-0;
-  }
+a.metric-item:hover .icon {
+  @apply text-link-hover;
+}
+
+.metric-item {
+  @apply inline-flex;
+  & .icon {
+    @apply mr-xxs;
+  }
+  &:last-child {
+    @apply mr-0;
+  }
 }