@massimo-cassandro/minimo 1.21.2 → 1.21.3

package/src/css/overflow.css

@@ -1,8 +1,4 @@
-@layer base {
-
-  .overflow-hidden {
-    overflow: hidden;
-  }
-
-
+.overflow-hidden {
+  overflow: hidden;
 }
+

package/src/css/position.css

@@ -1,8 +1,3 @@
-@layer base {
-
-  /* .position-relative {
+.position-relative {
   position: relative;
-} */
-
-
 }

package/src/css/reset.css

@@ -1,62 +1,60 @@
 /*
-  Josh's Custom CSS Reset
-  https://www.joshwcomeau.com/css/custom-css-reset/
+Josh's Custom CSS Reset
+https://www.joshwcomeau.com/css/custom-css-reset/
 */
 /* 1. Use a more-intuitive box-sizing model */
-@layer reset {
 
-  *, *::before, *::after {
-    box-sizing: border-box;
-  }
+*, *::before, *::after {
+  box-sizing: border-box;
+}
 
-  /* 2. Remove default margin */
-  * {
-    margin: 0;
-  }
+/* 2. Remove default margin */
+* {
+  margin: 0;
+}
 
-  /* 3. Enable keyword animations */
-  @media (prefers-reduced-motion: no-preference) {
-    html {
-      interpolate-size: allow-keywords;
-    }
+/* 3. Enable keyword animations */
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    interpolate-size: allow-keywords;
   }
+}
 
-  body {
-    /* 4. Add accessible line-height */
-    line-height: 1.5;
-    /* 5. Improve text rendering */
-    -webkit-font-smoothing: antialiased;
-  }
+body {
+  /* 4. Add accessible line-height */
+  line-height: 1.5;
+  /* 5. Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
 
-  /* 6. Improve media defaults */
-  img, picture, video, canvas, svg {
-    display: block;
-    max-width: 100%;
-  }
+/* 6. Improve media defaults */
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
 
-  /* 7. Inherit fonts for form controls */
-  input, button, textarea, select {
-    font: inherit;
-  }
+/* 7. Inherit fonts for form controls */
+input, button, textarea, select {
+  font: inherit;
+}
 
-  /* 8. Avoid text overflows */
-  p, h1, h2, h3, h4, h5, h6 {
-    overflow-wrap: break-word;
-  }
+/* 8. Avoid text overflows */
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
 
-  /* 9. Improve line wrapping */
-  p {
-    text-wrap: pretty;
-  }
-  h1, h2, h3, h4, h5, h6 {
-    text-wrap: balance;
-  }
+/* 9. Improve line wrapping */
+p {
+  text-wrap: pretty;
+}
+h1, h2, h3, h4, h5, h6 {
+  text-wrap: balance;
+}
 
-  /*
-    10. Create a root stacking context
-  */
-  /* stylelint-disable-next-line selector-id-pattern, selector-max-id */
-  #root, #__next {
-    isolation: isolate;
-  }
+/*
+  10. Create a root stacking context
+*/
+/* stylelint-disable-next-line selector-id-pattern, selector-max-id */
+#root, #__next {
+  isolation: isolate;
 }

package/src/css/svg.css

@@ -1,7 +1,4 @@
-@layer base {
-
-  svg {
-    fill: currentColor;
-  }
 
+svg {
+  fill: currentColor;
 }

package/src/css/table.css

@@ -1,93 +1,91 @@
-@layer base {
 
-  /* wrapper per le tabelle per evitare che superino la larghezza dello spazio disponibile */
+/* wrapper per le tabelle per evitare che superino la larghezza dello spazio disponibile */
 
-  /* purgecss start ignore */
+/* purgecss start ignore */
 
-  .table-responsive {
-    max-width: 100%;
-    overflow-x: auto;
-  }
+.table-responsive {
+  max-width: 100%;
+  overflow-x: auto;
+}
 
-  /* TODO opzione per attivare/disattuvare alternate color */
-  .table {
+/* TODO opzione per attivare/disattuvare alternate color */
+.table {
 
-    --_alternate-row-bg: var(--table-body-tr-alt-bg-color);
-    --_hover-row-bg: var(--table-body-tr-hover-bg-color);
-    --_border-color: var(--table-border-color);
-    --_border: 1px solid var(--_border-color);
+  --_alternate-row-bg: var(--table-body-tr-alt-bg-color);
+  --_hover-row-bg: var(--table-body-tr-hover-bg-color);
+  --_border-color: var(--table-border-color);
+  --_border: 1px solid var(--_border-color);
 
-    width: 100%;
-    margin: 1rem 0;
-    border-collapse: collapse;
+  width: 100%;
+  margin: 1rem 0;
+  border-collapse: collapse;
 
-    tr {
-      border-bottom: var(--_border);
-    }
+  tr {
+    border-bottom: var(--_border);
+  }
 
-    thead {
-      background-color: var(--table-thead-background-color);
-      tr:last-child {
-        border-width: var(--table-thead-border-width);
-      }
+  thead {
+    background-color: var(--table-thead-background-color);
+    tr:last-child {
+      border-width: var(--table-thead-border-width);
     }
+  }
 
-    tfoot {
-      background-color: var(--table-tfoot-background-color);
-      tr:first-child {
-        border-block-start: var(--table-tfoot-border-width) solid var(--_border-color);
-      }
-      th, td {
-        font-weight: var(--table-tfoot-font-weight);
-      }
+  tfoot {
+    background-color: var(--table-tfoot-background-color);
+    tr:first-child {
+      border-block-start: var(--table-tfoot-border-width) solid var(--_border-color);
+    }
+    th, td {
+      font-weight: var(--table-tfoot-font-weight);
     }
+  }
 
-    tbody {
-      tr:nth-child(even) {
-        background-color: var(--_alternate-row-bg);
-      }
+  tbody {
+    tr:nth-child(even) {
+      background-color: var(--_alternate-row-bg);
+    }
 
-      @media (hover: hover) {
-        tr:hover {
-          background-color: var(--_hover-row-bg);
-        }
+    @media (hover: hover) {
+      tr:hover {
+        background-color: var(--_hover-row-bg);
       }
     }
+  }
 
 
-    th, td {
-      padding: var(--table-cell-padding-block) var(--table-cell-padding-inline);
-      line-height: var(--table-cell-line-height);
-      vertical-align: top;
-      text-align: start;
+  th, td {
+    padding: var(--table-cell-padding-block) var(--table-cell-padding-inline);
+    line-height: var(--table-cell-line-height);
+    vertical-align: top;
+    text-align: start;
 
-      .valign-middle &, &.valign-middle {
-        vertical-align: middle;
-      }
+    .valign-middle &, &.valign-middle {
+      vertical-align: middle;
     }
+  }
 
-    &.table-bordered {
-      border: var(--_border);
+  &.table-bordered {
+    border: var(--_border);
 
-      th, td {
-        &:not(:first-child) {
-          border-inline-start: var(--_border);
-        }
+    th, td {
+      &:not(:first-child) {
+        border-inline-start: var(--_border);
       }
     }
-
   }
 
-  /*
+}
+
+/*
 @media (prefers-color-scheme: dark) {
-  .table {
-    --_border-color: var(--_stone-8);
-    --_alternate-row-bg: color-mix(in srgb, var(--_stone-12) 60%, transparent);
-    --_hover-row-bg: color-mix(in srgb, var(--_blue-12) 60%, transparent);
-  }
+.table {
+  --_border-color: var(--_stone-8);
+  --_alternate-row-bg: color-mix(in srgb, var(--_stone-12) 60%, transparent);
+  --_hover-row-bg: color-mix(in srgb, var(--_blue-12) 60%, transparent);
+}
 }
 */
 
-  /* purgecss end ignore */
+/* purgecss end ignore */
 
-}

package/src/css/text.css

@@ -1,111 +1,108 @@
-@layer base {
 
-  /* stylelint-disable declaration-no-important */
-  p {
-    margin: 0 0 var(--size-sm);
-  }
+/* stylelint-disable declaration-no-important */
+p {
+  margin: 0 0 var(--size-sm);
+}
 
-  strong, b {
-    font-weight: 700;
-  }
-  em, .italic {
-    font-style: italic;
-  }
+strong, b {
+  font-weight: 700;
+}
+em, .italic {
+  font-style: italic;
+}
 
-  .text-center {
-    text-align: center !important;
-  }
-  .text-right, .text-end {
-    text-align: end !important;
-  }
-  .text-nowrap {
-    white-space: nowrap;
-  }
+.text-center {
+  text-align: center !important;
+}
+.text-right, .text-end {
+  text-align: end !important;
+}
+.text-nowrap {
+  white-space: nowrap;
+}
 
-  .text-monospace {
-    font-family: var(--font-family-mono);
-  }
-  .text-truncate {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
+.text-monospace {
+  font-family: var(--font-family-mono);
+}
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
-  /* .text-nowrap-dskt {
-  @media (--media-large-viewport-up) {
-    white-space: nowrap;
-  }
+/* .text-nowrap-dskt {
+@media (--media-large-viewport-up) {
+  white-space: nowrap;
+}
 } */
 
-  .font-italic {
-    font-style: italic;
-  }
-  .font-light {
-    font-weight: var(--font-weight-light);
-  }
-  .font-regular {
-    font-weight: var(--font-weight-regular);
-  }
-  .font-medium {
-    font-weight: var(--font-weight-medium);
-  }
-  .font-semibold {
-    font-weight: var(--font-weight-semibold);
-  }
-  .font-bold {
-    font-weight: var(--font-weight-bold);
-  }
-
-  .text-xs {
-    font-size: var(--font-size-xs);
-  }
-  small, .small {
-    font-size: .9em;
-  }
-  .text-sm {
-    font-size: var(--font-size-sm);
-  }
-  .text-md {
-    font-size: var(--font-size-md);
-  }
+.font-italic {
+  font-style: italic;
+}
+.font-light {
+  font-weight: var(--font-weight-light);
+}
+.font-regular {
+  font-weight: var(--font-weight-regular);
+}
+.font-medium {
+  font-weight: var(--font-weight-medium);
+}
+.font-semibold {
+  font-weight: var(--font-weight-semibold);
+}
+.font-bold {
+  font-weight: var(--font-weight-bold);
+}
 
-  .text-muted {
-    color: var(--text-muted);
-  }
+.text-xs {
+  font-size: var(--font-size-xs);
+}
+small, .small {
+  font-size: .9em;
+}
+.text-sm {
+  font-size: var(--font-size-sm);
+}
+.text-md {
+  font-size: var(--font-size-md);
+}
 
-  ul {
-    margin: 1rem 0;
-    list-style-type: disc;
-  }
-  li {
-    margin-left: 1.5rem;
-  }
+.text-muted {
+  color: var(--text-muted);
+}
 
-  .text-primary {
-    color: var(--primary-100);
-  }
-  .text-secondary {
-    color: var(--secondary-100);
-  }
-  .text-accent {
-    color: var(--accent);
-  }
-  .text-danger {
-    color: var(--status-danger-color);
-  }
-  .text-warning {
-    color: var(--status-warning-color);
-  }
-  .text-info {
-    color: var(--status-info-color);
-  }
-  .text-success {
-    color: var(--status-success-color);
-  }
+ul {
+  margin: 1rem 0;
+  list-style-type: disc;
+}
+li {
+  margin-left: 1.5rem;
+}
 
-  .text-numeric {
-    font-feature-settings: 'lnum', 'tnum';
-    font-variant-numeric: lining-nums tabular-nums;
-  }
+.text-primary {
+  color: var(--primary-100);
+}
+.text-secondary {
+  color: var(--secondary-100);
+}
+.text-accent {
+  color: var(--accent);
+}
+.text-danger {
+  color: var(--status-danger-color);
+}
+.text-warning {
+  color: var(--status-warning-color);
+}
+.text-info {
+  color: var(--status-info-color);
+}
+.text-success {
+  color: var(--status-success-color);
+}
 
+.text-numeric {
+  font-feature-settings: 'lnum', 'tnum';
+  font-variant-numeric: lining-nums tabular-nums;
 }

package/src/css/visibility.css

@@ -1,54 +1,51 @@
-@layer base {
 
-  /* stylelint-disable declaration-no-important */
+/* stylelint-disable declaration-no-important */
 
-  /* purgecss start ignore */
-  .visually-hidden {
-    display: block;
-    width: 1px !important;
-    height: 1px !important;
-    padding: 0 !important;
-    margin: -1px !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    border: 0 !important;
-    clip-path: rect(0 0 0 0) !important;
-  }
-  .visibility-hidden {
-    visibility: hidden;
-  }
-  /* purgecss end ignore */
+/* purgecss start ignore */
+.visually-hidden {
+  display: block;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+  clip-path: rect(0 0 0 0) !important;
+}
+.visibility-hidden {
+  visibility: hidden;
+}
+/* purgecss end ignore */
 
 
-  /*  TODO da rivedere  */
-  /* @media (--media-xlarge-viewport-up) {
-  .xlg-visually-hidden {
-    display: block;
-    width: 1px !important;
-    height: 1px !important;
-    padding: 0 !important;
-    margin: -1px !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    border: 0 !important;
-    clip-path: rect(0 0 0 0) !important;
-  }
+/*  TODO da rivedere  */
+/* @media (--media-xlarge-viewport-up) {
+.xlg-visually-hidden {
+  display: block;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+  clip-path: rect(0 0 0 0) !important;
+}
 }
 @media (--media-large-viewport-up) {
-  .lg-visually-hidden {
-    display: block;
-    width: 1px !important;
-    height: 1px !important;
-    padding: 0 !important;
-    margin: -1px !important;
-    overflow: hidden !important;
-    white-space: nowrap !important;
-    border: 0 !important;
-    clip-path: rect(0 0 0 0) !important;
-  }
+.lg-visually-hidden {
+  display: block;
+  width: 1px !important;
+  height: 1px !important;
+  padding: 0 !important;
+  margin: -1px !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  border: 0 !important;
+  clip-path: rect(0 0 0 0) !important;
+}
 }
 
- */
-
+*/
 
-}

package/src/minimo.css

@@ -1,9 +1,10 @@
+/* decomment layers if you want to use them */
 /* see https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@layer */
-@layer reset, base, components, utilities, project, overrides;
+/* @layer reset, base, components, utilities, project, overrides; */
 
 /* @import '@src/fonts.css'; */
 /* @import '@src/css/custom-media.css'; */ /* managed by postcss */
-/* @import '@src/custom-properties.css'; */ /* managed by postcss-jit-props */
+/* @import '@src/custom-properties.css' layer('base'); */ /* managed by postcss-jit-props */
 
 @import '@minimo/css/reset.css';
 @import '@minimo/css/layout-base.css';