desy-html 10.2.2 → 11.0.2

package/src/css/base.css

@@ -1,42 +1,42 @@
-/* ==========================================================================
-   base.css
-   ========================================================================== */
-
-@layer base {
-  html{
-    @apply bg-neutral-lighter;
-  }
-
-  body {
-    @apply bg-white;
-    @apply text-black;
-
-    &.dev {
-      @apply bg-repeat;
-      @apply bg-fixed;
-      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Crect width='100' height='100'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='a' clip-path='url(%23b)'%3E%3Crect width='100' height='100' fill='%23fff'/%3E%3Ctext transform='translate(48.134 48.134) rotate(-45)' fill='%23f0f0f0' font-size='12' font-family='OpenSans, Open Sans' letter-spacing='-0.057em'%3E%3Ctspan x='-26.586' y='0'%3EENTORNO%3C/tspan%3E%3Ctspan x='-32.075' y='12'%3EDE PRUEBAS%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E");
-    }
-  }
-
-  code:not([class*="language-"]) {
-    /* the code inline, not in the snippets */
-    @apply relative;
-    @apply px-1.5;
-    @apply py-1;
-    @apply bg-neutral-lighter;
-    @apply rounded-sm;
-    @apply text-red-700;
-    font-size: .875em;
-    @apply whitespace-normal;
-  }
-
-  input, textarea {
-    &::placeholder {
-      @apply font-normal;
-    }
-  }
-
-  strong {
-    @apply font-semibold;
-  }
-}
+/* ==========================================================================
+   base.css
+   ========================================================================== */
+
+@layer base {
+  html{
+    @apply bg-neutral-lighter;
+  }
+
+  body {
+    @apply bg-white;
+    @apply text-black;
+
+    &.dev {
+      @apply bg-repeat;
+      @apply bg-fixed;
+      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='100' height='100' viewBox='0 0 100 100'%3E%3Cdefs%3E%3CclipPath id='b'%3E%3Crect width='100' height='100'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='a' clip-path='url(%23b)'%3E%3Crect width='100' height='100' fill='%23fff'/%3E%3Ctext transform='translate(48.134 48.134) rotate(-45)' fill='%23f0f0f0' font-size='12' font-family='OpenSans, Open Sans' letter-spacing='-0.057em'%3E%3Ctspan x='-26.586' y='0'%3EENTORNO%3C/tspan%3E%3Ctspan x='-32.075' y='12'%3EDE PRUEBAS%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E");
+    }
+  }
+
+  code:not([class*="language-"]) {
+    /* the code inline, not in the snippets */
+    @apply relative;
+    @apply px-1.5;
+    @apply py-1;
+    @apply bg-neutral-lighter;
+    @apply rounded-sm;
+    @apply text-red-700;
+    font-size: .875em;
+    @apply whitespace-normal;
+  }
+
+  input, textarea {
+    &::placeholder {
+      @apply font-normal;
+    }
+  }
+
+  strong {
+    @apply font-semibold;
+  }
+}

package/src/css/component.form-group.css

@@ -1,23 +1,23 @@
-/* ==========================================================================
-   component.form-group.css
-   ========================================================================== */
-
-
-.c-form-group {
-  @apply block;
-  @apply mb-8;
-
-  .c-form-group:last-of-type {
-    /* Remove margin from last item in nested groups */
-    @apply mb-0;
-  }
-}
-
-.c-form-group--error {
-  input[type="checkbox"],
-  input[type="radio"] {
-    @apply border-alert-base;
-    @apply ring-2;
-    @apply ring-alert-base;
-  }
-}
+/* ==========================================================================
+   component.form-group.css
+   ========================================================================== */
+
+
+.c-form-group {
+  @apply block;
+  @apply mb-8;
+
+  .c-form-group:last-of-type {
+    /* Remove margin from last item in nested groups */
+    @apply mb-0;
+  }
+}
+
+.c-form-group--error {
+  input[type="checkbox"],
+  input[type="radio"] {
+    @apply border-alert-base;
+    @apply ring-2;
+    @apply ring-alert-base;
+  }
+}

package/src/css/component.headroom.css

@@ -1,31 +1,31 @@
-/* ==========================================================================
-   component.headroom.css
-   ========================================================================== */
-
-
-@layer components {
-  .headroom {
-    @apply lg:fixed !important;
-    @apply lg:top-0;
-    @apply lg:w-full;
-    @apply lg:transform;
-    @apply lg:transition-transform;
-    @apply lg:duration-500;
-    @apply lg:z-10;
-  }
-  .headroom--pinned {
-    @apply lg:translate-y-0;
-  }
-  .headroom--unpinned {
-    @apply lg:-translate-y-full;
-  }
-
-  .c-anchor-scroll {
-    scroll-margin-top: 4rem;
-  }
-
-  .c-anchor-scroll-edit {
-    scroll-margin-top: 5.375rem;
-  }
-}
-
+/* ==========================================================================
+   component.headroom.css
+   ========================================================================== */
+
+
+@layer components {
+  .headroom {
+    @apply lg:fixed !important;
+    @apply lg:top-0;
+    @apply lg:w-full;
+    @apply lg:transform;
+    @apply lg:transition-transform;
+    @apply lg:duration-500;
+    @apply lg:z-10;
+  }
+  .headroom--pinned {
+    @apply lg:translate-y-0;
+  }
+  .headroom--unpinned {
+    @apply lg:-translate-y-full;
+  }
+
+  .c-anchor-scroll {
+    scroll-margin-top: 4rem;
+  }
+
+  .c-anchor-scroll-edit {
+    scroll-margin-top: 5.375rem;
+  }
+}
+

package/src/css/component.text.css

@@ -1,157 +1,157 @@
-/* ==========================================================================
-   text.css
-   ========================================================================== */
-
-@layer components {
-  .c-h0 {
-    @apply mb-8;
-    font-size: 2.5rem;
-    @apply font-bold;
-    @apply leading-tight;
-  }
-
-  .c-h1 {
-    @apply mb-lg;
-    @apply text-3xl;
-    @apply font-bold;
-    @apply leading-tight;
-  }
-
-  .c-h2 {
-    @apply mb-base;
-    @apply text-2xl;
-    @apply font-bold;
-    @apply leading-tight;
-  }
-
-  .c-h3 {
-    @apply mb-sm;
-    @apply text-lg;
-    @apply font-bold;
-    @apply leading-tight;
-  }
-
-  .c-h4 {
-    @apply mb-sm;
-    @apply text-base;
-    @apply font-bold;
-    @apply leading-tight;
-  }
-
-  .c-link {
-    @apply text-primary-base;
-    @apply underline;
-
-    &:hover {
-      @apply text-primary-dark;
-    }
-
-    &:focus {
-      @apply bg-warning-base;
-      @apply shadow-outline-focus;
-      @apply outline-none;
-      @apply text-black;
-    }
-  }
-
-  .c-link--alert {
-    @apply text-alert-base;
-    @apply underline;
-    @apply font-semibold;
-
-    &:hover {
-      @apply text-alert-dark;
-    }
-  }
-
-  .c-link--neutral {
-    @apply text-neutral-dark;
-    @apply underline;
-
-    &:hover {
-      @apply text-black;
-    }
-  }
-
-  .c-link--full {
-    &::after {
-      content:"";
-      @apply absolute;
-      @apply inset-0;
-    }
-  }
-
-  .c-paragraph-lg {
-    @apply mb-lg;
-    @apply text-lg;
-  }
-
-  .c-paragraph-base {
-    @apply mb-base;
-    @apply text-base;
-  }
-
-  .c-paragraph-sm {
-    @apply mb-sm;
-    @apply text-sm;
-  }
-
-  .c-ul {
-    @apply mb-base;
-    @apply list-none;
-
-    li {
-      @apply relative;
-      @apply mb-base;
-      @apply pl-8;
-
-      &::before {
-        content: "";
-        @apply absolute;
-        top: .625rem;
-        left: .25rem;
-        @apply w-1.5;
-        @apply h-1.5;
-        @apply bg-black;
-        @apply rounded-full;
-      }
-
-      &:last-of-type {
-        @apply mb-0;
-      }
-    }
-  }
-
-  .c-ul--no-bullets {
-    li {
-      @apply pl-0;
-
-      &::before {
-        @apply hidden;
-      }
-    }
-  }
-
-  .c-ol {
-    @apply mb-base;
-    counter-reset: list-counter;
-
-    li {
-      @apply relative;
-      @apply mb-base;
-      @apply pl-8;
-
-      &::before {
-        counter-increment: list-counter;
-        content: counter(list-counter) ".";
-        @apply absolute;
-        left: .25rem;
-        @apply text-black;
-      }
-
-      &:last-of-type {
-        @apply mb-0;
-      }
-    }
-  }
-}
+/* ==========================================================================
+   text.css
+   ========================================================================== */
+
+@layer components {
+  .c-h0 {
+    @apply mb-8;
+    font-size: 2.5rem;
+    @apply font-bold;
+    @apply leading-tight;
+  }
+
+  .c-h1 {
+    @apply mb-lg;
+    @apply text-3xl;
+    @apply font-bold;
+    @apply leading-tight;
+  }
+
+  .c-h2 {
+    @apply mb-base;
+    @apply text-2xl;
+    @apply font-bold;
+    @apply leading-tight;
+  }
+
+  .c-h3 {
+    @apply mb-sm;
+    @apply text-lg;
+    @apply font-bold;
+    @apply leading-tight;
+  }
+
+  .c-h4 {
+    @apply mb-sm;
+    @apply text-base;
+    @apply font-bold;
+    @apply leading-tight;
+  }
+
+  .c-link {
+    @apply text-primary-base;
+    @apply underline;
+
+    &:hover {
+      @apply text-primary-dark;
+    }
+
+    &:focus {
+      @apply bg-warning-base;
+      @apply shadow-outline-focus;
+      @apply outline-none;
+      @apply text-black;
+    }
+  }
+
+  .c-link--alert {
+    @apply text-alert-base;
+    @apply underline;
+    @apply font-semibold;
+
+    &:hover {
+      @apply text-alert-dark;
+    }
+  }
+
+  .c-link--neutral {
+    @apply text-neutral-dark;
+    @apply underline;
+
+    &:hover {
+      @apply text-black;
+    }
+  }
+
+  .c-link--full {
+    &::after {
+      content:"";
+      @apply absolute;
+      @apply inset-0;
+    }
+  }
+
+  .c-paragraph-lg {
+    @apply mb-lg;
+    @apply text-lg;
+  }
+
+  .c-paragraph-base {
+    @apply mb-base;
+    @apply text-base;
+  }
+
+  .c-paragraph-sm {
+    @apply mb-sm;
+    @apply text-sm;
+  }
+
+  .c-ul {
+    @apply mb-base;
+    @apply list-none;
+
+    li {
+      @apply relative;
+      @apply mb-base;
+      @apply pl-8;
+
+      &::before {
+        content: "";
+        @apply absolute;
+        top: .625rem;
+        left: .25rem;
+        @apply w-1.5;
+        @apply h-1.5;
+        @apply bg-black;
+        @apply rounded-full;
+      }
+
+      &:last-of-type {
+        @apply mb-0;
+      }
+    }
+  }
+
+  .c-ul--no-bullets {
+    li {
+      @apply pl-0;
+
+      &::before {
+        @apply hidden;
+      }
+    }
+  }
+
+  .c-ol {
+    @apply mb-base;
+    counter-reset: list-counter;
+
+    li {
+      @apply relative;
+      @apply mb-base;
+      @apply pl-8;
+
+      &::before {
+        counter-increment: list-counter;
+        content: counter(list-counter) ".";
+        @apply absolute;
+        left: .25rem;
+        @apply text-black;
+      }
+
+      &:last-of-type {
+        @apply mb-0;
+      }
+    }
+  }
+}

package/src/css/component.tippy-box.css

@@ -1,11 +1,11 @@
-/* ==========================================================================
-   component.tippy-box.css
-   ========================================================================== */
-
-
-/* Tippy theme used in dropdowns */
-.tippy-box {
-  @apply bg-transparent;
-  @apply text-current;
-}
-
+/* ==========================================================================
+   component.tippy-box.css
+   ========================================================================== */
+
+
+/* Tippy theme used in dropdowns */
+.tippy-box {
+  @apply bg-transparent;
+  @apply text-current;
+}
+

package/src/css/styles.css

@@ -1,49 +1,49 @@
-@charset "UTF-8";
-
-/* ==========================================================================
-   styles.css
-   ========================================================================== */
-/* https://tailwindcss.com/docs/installation#2-add-tailwind-to-your-css */
-
-
-/* Framework base */
-@import "tailwindcss/base";
-/* Custom base */
-@import "./base.css";
-
-/* Framework components */
-@import "tailwindcss/components";
-/* Custom components */
-@import "./component.text.css";
-@import "../templates/components/alert/_styles.alert.css";
-@import "../templates/components/breadcrumbs/_styles.breadcrumbs.css";
-@import "../templates/components/button/_styles.button.css";
-@import "../templates/components/button-loader/_styles.button-loader.css";
-@import "../templates/components/checkboxes/_styles.checkboxes.css";
-@import "../templates/components/collapsible/_styles.collapsible.css";
-@import "../templates/components/datepicker/_styles.datepicker.css";
-@import "../templates/components/dialog/_styles.dialog.css";
-@import "../templates/components/dropdown/_styles.dropdown.css";
-@import "../templates/components/footer/_styles.footer.css";
-@import "../templates/components/header/_styles.header.css";
-@import "../templates/components/input/_styles.input.css";
-@import "../templates/components/listbox/_styles.listbox.css";
-@import "../templates/components/menubar/_styles.menubar.css";
-@import "../templates/components/menu-navigation/_styles.menu-navigation.css";
-@import "../templates/components/menu-horizontal/_styles.menu-horizontal.css";
-@import "../templates/components/notification/_styles.notification.css";
-@import "../templates/components/pill/_styles.pill.css";
-@import "../templates/components/radios/_styles.radios.css";
-@import "../templates/components/select/_styles.select.css";
-@import "../templates/components/spinner/_styles.spinner.css";
-@import "../templates/components/skip-link/_styles.skip-link.css";
-@import "../templates/components/table-advanced/_styles.table-advanced.css";
-@import "../templates/components/tabs/_styles.tabs.css";
-@import "../templates/components/toggle/_styles.toggle.css";
-@import "../templates/components/tree/_styles.tree.css";
-@import "./component.form-group.css";
-@import "./component.tippy-box.css";
-@import "./component.headroom.css";
-
-/* Framework utilities */
-@import "tailwindcss/utilities";
+@charset "UTF-8";
+
+/* ==========================================================================
+   styles.css
+   ========================================================================== */
+/* https://tailwindcss.com/docs/installation#2-add-tailwind-to-your-css */
+
+
+/* Framework base */
+@import "tailwindcss/base";
+/* Custom base */
+@import "./base.css";
+
+/* Framework components */
+@import "tailwindcss/components";
+/* Custom components */
+@import "./component.text.css";
+@import "../templates/components/alert/_styles.alert.css";
+@import "../templates/components/breadcrumbs/_styles.breadcrumbs.css";
+@import "../templates/components/button/_styles.button.css";
+@import "../templates/components/button-loader/_styles.button-loader.css";
+@import "../templates/components/checkboxes/_styles.checkboxes.css";
+@import "../templates/components/collapsible/_styles.collapsible.css";
+@import "../templates/components/datepicker/_styles.datepicker.css";
+@import "../templates/components/dialog/_styles.dialog.css";
+@import "../templates/components/dropdown/_styles.dropdown.css";
+@import "../templates/components/footer/_styles.footer.css";
+@import "../templates/components/header/_styles.header.css";
+@import "../templates/components/input/_styles.input.css";
+@import "../templates/components/listbox/_styles.listbox.css";
+@import "../templates/components/menubar/_styles.menubar.css";
+@import "../templates/components/menu-navigation/_styles.menu-navigation.css";
+@import "../templates/components/menu-horizontal/_styles.menu-horizontal.css";
+@import "../templates/components/notification/_styles.notification.css";
+@import "../templates/components/pill/_styles.pill.css";
+@import "../templates/components/radios/_styles.radios.css";
+@import "../templates/components/select/_styles.select.css";
+@import "../templates/components/spinner/_styles.spinner.css";
+@import "../templates/components/skip-link/_styles.skip-link.css";
+@import "../templates/components/table-advanced/_styles.table-advanced.css";
+@import "../templates/components/tabs/_styles.tabs.css";
+@import "../templates/components/toggle/_styles.toggle.css";
+@import "../templates/components/tree/_styles.tree.css";
+@import "./component.form-group.css";
+@import "./component.tippy-box.css";
+@import "./component.headroom.css";
+
+/* Framework utilities */
+@import "tailwindcss/utilities";