desy-html 16.0.4 → 17.0.1

package/src/css/base.css

@@ -1,44 +1,44 @@
-/* ==========================================================================
-   base.css
-   ========================================================================== */
-
-@layer base {
-  html{
-    @apply bg-neutral-lighter;
-  }
-
-  body {
-    @apply bg-white;
-    @apply text-black;
-    @apply text-base;
-    @apply leading-normal;
-
-    &.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-xs;
-    @apply text-sm;
-    @apply whitespace-normal;
-    color: var(--color-code);
-  }
-
-  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;
+    @apply text-base;
+    @apply leading-normal;
+
+    &.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-xs;
+    @apply text-sm;
+    @apply whitespace-normal;
+    color: var(--color-code);
+  }
+
+  input, textarea {
+    &::placeholder {
+      @apply font-normal;
+    }
+  }
+
+  strong {
+    @apply font-semibold;
+  }
+}

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

@@ -1,24 +1,24 @@
-/* ==========================================================================
-   component.form-group.css
-   ========================================================================== */
-
-@layer components {
-  .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
+   ========================================================================== */
+
+@layer components {
+  .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,32 +1,32 @@
-/* ==========================================================================
-   component.headroom.css
-   ========================================================================== */
-
-@layer components {
-  .headroom {
-    @apply lg:fixed!;
-    @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!;
+    @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,169 +1,169 @@
-/* ==========================================================================
-   text.css
-   ========================================================================== */
-
-@utility c-h0 {
-  @apply mb-8;
-  font-size: 2.5rem;
-  font-family: var(--font-heading);
-  @apply font-bold;
-  @apply leading-tight;
-}
-
-@utility c-h1 {
-  @apply mb-lg;
-  @apply text-3xl;
-  font-family: var(--font-heading);
-  @apply font-bold;
-  @apply leading-tight;
-}
-
-@utility c-h2 {
-  @apply mb-base;
-  @apply text-2xl;
-  font-family: var(--font-heading);
-  @apply font-bold;
-  @apply leading-tight;
-}
-
-@utility c-h3 {
-  @apply mb-sm;
-  @apply text-lg;
-  font-family: var(--font-heading);
-  @apply font-bold;
-  @apply leading-tight;
-}
-
-@utility c-h4 {
-  @apply mb-sm;
-  @apply text-base;
-  font-family: var(--font-heading);
-  @apply font-bold;
-  @apply leading-tight;
-}
-
-@utility c-link {
-  @apply text-primary-base;
-  @apply underline;
-
-  &:hover {
-    @apply text-primary-dark;
-  }
-
-  &:focus {
-    @apply bg-warning-base;
-    @apply shadow-outline-focus;
-    @apply outline-hidden;
-    @apply text-black;
-  }
-}
-
-@utility c-link--alert {
-  @apply text-alert-base;
-  @apply underline;
-  @apply font-semibold;
-
-  &:hover {
-    @apply text-alert-dark;
-  }
-}
-
-@utility c-link--neutral {
-  @apply text-neutral-dark;
-  @apply underline;
-
-  &:hover {
-    @apply text-black;
-  }
-}
-
-@utility c-link--full {
-  &::after {
-    content: "";
-    @apply absolute;
-    @apply inset-0;
-  }
-}
-
-@utility c-link--no-underline {
-  @apply no-underline;
-
-  &:hover {
-    @apply underline;
-  }
-}
-
-@utility c-paragraph-lg {
-  @apply mb-lg;
-  @apply text-lg;
-}
-
-@utility c-paragraph-base {
-  @apply mb-base;
-  @apply text-base;
-}
-
-@utility c-paragraph-sm {
-  @apply mb-sm;
-  @apply text-sm;
-}
-
-@utility c-ul {
-  @apply mb-base;
-  @apply list-none;
-
-  li {
-    @apply relative;
-    @apply mb-base;
-    @apply pl-8;
-
-    &::before {
-      content: "";
-      @apply absolute;
-      top: 0.625rem;
-      left: 0.25rem;
-      @apply w-1.5;
-      @apply h-1.5;
-      @apply bg-black;
-      @apply rounded-full;
-    }
-
-    &:last-of-type {
-      @apply mb-0;
-    }
-  }
-}
-
-@utility c-ul--no-bullets {
-  li {
-    @apply pl-0;
-
-    &::before {
-      @apply hidden;
-    }
-  }
-}
-
-@utility 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: 0.25rem;
-      @apply text-black;
-    }
-
-    &:last-of-type {
-      @apply mb-0;
-    }
-  }
-}
-
+/* ==========================================================================
+   text.css
+   ========================================================================== */
+
+@utility c-h0 {
+  @apply mb-8;
+  font-size: 2.5rem;
+  font-family: var(--font-heading);
+  @apply font-bold;
+  @apply leading-tight;
+}
+
+@utility c-h1 {
+  @apply mb-lg;
+  @apply text-3xl;
+  font-family: var(--font-heading);
+  @apply font-bold;
+  @apply leading-tight;
+}
+
+@utility c-h2 {
+  @apply mb-base;
+  @apply text-2xl;
+  font-family: var(--font-heading);
+  @apply font-bold;
+  @apply leading-tight;
+}
+
+@utility c-h3 {
+  @apply mb-sm;
+  @apply text-lg;
+  font-family: var(--font-heading);
+  @apply font-bold;
+  @apply leading-tight;
+}
+
+@utility c-h4 {
+  @apply mb-sm;
+  @apply text-base;
+  font-family: var(--font-heading);
+  @apply font-bold;
+  @apply leading-tight;
+}
+
+@utility c-link {
+  @apply text-primary-base;
+  @apply underline;
+
+  &:hover {
+    @apply text-primary-dark;
+  }
+
+  &:focus {
+    @apply bg-warning-base;
+    @apply shadow-outline-focus;
+    @apply outline-hidden;
+    @apply text-black;
+  }
+}
+
+@utility c-link--alert {
+  @apply text-alert-base;
+  @apply underline;
+  @apply font-semibold;
+
+  &:hover {
+    @apply text-alert-dark;
+  }
+}
+
+@utility c-link--neutral {
+  @apply text-neutral-dark;
+  @apply underline;
+
+  &:hover {
+    @apply text-black;
+  }
+}
+
+@utility c-link--full {
+  &::after {
+    content: "";
+    @apply absolute;
+    @apply inset-0;
+  }
+}
+
+@utility c-link--no-underline {
+  @apply no-underline;
+
+  &:hover {
+    @apply underline;
+  }
+}
+
+@utility c-paragraph-lg {
+  @apply mb-lg;
+  @apply text-lg;
+}
+
+@utility c-paragraph-base {
+  @apply mb-base;
+  @apply text-base;
+}
+
+@utility c-paragraph-sm {
+  @apply mb-sm;
+  @apply text-sm;
+}
+
+@utility c-ul {
+  @apply mb-base;
+  @apply list-none;
+
+  li {
+    @apply relative;
+    @apply mb-base;
+    @apply pl-8;
+
+    &::before {
+      content: "";
+      @apply absolute;
+      top: 0.625rem;
+      left: 0.25rem;
+      @apply w-1.5;
+      @apply h-1.5;
+      @apply bg-black;
+      @apply rounded-full;
+    }
+
+    &:last-of-type {
+      @apply mb-0;
+    }
+  }
+}
+
+@utility c-ul--no-bullets {
+  li {
+    @apply pl-0;
+
+    &::before {
+      @apply hidden;
+    }
+  }
+}
+
+@utility 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: 0.25rem;
+      @apply text-black;
+    }
+
+    &:last-of-type {
+      @apply mb-0;
+    }
+  }
+}
+