holygrail2 1.2.2 → 1.2.3

package/scss/base/_types.scss

@@ -78,15 +78,12 @@ mark {
 
 @include typesFixers($headersFixers, $fs);
 @include mintypes($minbreakpoints, $minheaders, $fs);
-@include types($breakpoints, $headers, $fs); /* todo una vez incluida */
+@include types($breakpoints, $headers, $fs);
 
 @include typesFluids($headersFluids);
 
-//
-
 .text-light,
 .font-light {
-  // 2
   @include font-light;
 }
 .text-regular,

package/scss/docs.scss

@@ -1,10 +1,7 @@
 @use 'sass:math';
 @import 'abstract/reset';
-
 @import 'base/_animations';
-
 @import 'abstract/_all';
-
 $variable-colors: (
   c-white: #{$c-white},
   c-black: #{$c-black},
@@ -58,10 +55,8 @@ $variable-list: (
   font-secondary-weight-medium: #{$font-weight-secondary-medium},
   xl: 1500px
 );
-
 $variabletotals: length($variable-list);
 $variablecolors: length($variable-colors);
-
 @for $i from 1 through $variabletotals {
   .var-a-#{nth(map-keys($variable-list), $i)} {
     &::after {
@@ -76,7 +71,6 @@ $variablecolors: length($variable-colors);
     }
   }
 }
-
 @for $i from 1 through $variablecolors {
   .var-a-#{nth(map-keys($variable-colors), $i)} {
     &::before {
@@ -91,13 +85,11 @@ $variablecolors: length($variable-colors);
     }
   }
 }
-
 @for $i from 1 through $variablecolors {
   .bg-#{nth(map-keys($variable-colors), $i)} {
     background-color: #{nth(map-values($variable-colors), $i)};
   }
 }
-
 @mixin tablas($spacingArray, $spacingName, $totalItems) {
   @each $name, $value in $spacingArray {
     $i: index(($spacingArray), ($name $value));
@@ -203,7 +195,6 @@ $variablecolors: length($variable-colors);
 @mixin muestraArray($nombreArray, $nombreClase, $totalItems) {
   @each $name, $value in $nombreArray {
     $i: index($nombreArray, $name $value);
-
     .#{$nombreClase} {
       .filas:nth-child(#{$i}) {
         .item {
@@ -211,7 +202,6 @@ $variablecolors: length($variable-colors);
             content: '#{$name}';
           }
         }
-
         @for $j from 1 through $totalItems {
           .item-#{$j} {
             &::after {
@@ -223,7 +213,6 @@ $variablecolors: length($variable-colors);
     }
   }
 }
-
 @include tablas($margin, 'marginbox', 2);
 @include tablas($margin-y, 'marginbox-y', 2);
 @include tablas($margin-x, 'marginbox-x', 2);
@@ -238,11 +227,9 @@ $variablecolors: length($variable-colors);
 @include tablas($padding-left, 'paddingbox-left', 2);
 @include tablas($padding-bottom, 'paddingbox-bottom', 2);
 @include tablas($padding-right, 'paddingbox-right', 2);
-
 @include muestraArray($heights, 'heights', 2);
 @include muestraArray($headersFluids, 'fluids', 3);
 @include muestraArray($minheaders, 'minheaders', 4);
-
 .font-family-a {
   &::after {
     content: '' + $font-family-a-r;
@@ -266,7 +253,6 @@ $variablecolors: length($variable-colors);
   padding-left: 200px;
   padding-right: 20px;
 }
-
 .is-rtl {
   .mini-site-main {
     padding-right: 200px;
@@ -280,7 +266,6 @@ $variablecolors: length($variable-colors);
     margin: 10px 10px 0 0;
     padding: 5px;
     box-shadow: 0 9px 25px rgb(0 0 0 / 15%);
-
     &::after {
       position: absolute;
       margin-top: -50px;
@@ -296,7 +281,6 @@ $variablecolors: length($variable-colors);
       font-size: 12px;
       margin-top: -40px;
       left: 0;
-
       color: white;
       bottom: 27px;
     }
@@ -304,7 +288,6 @@ $variablecolors: length($variable-colors);
       height: 100px;
       margin: 0;
       position: relative;
-
       &::after {
         font-size: 12px;
         position: absolute;
@@ -314,14 +297,12 @@ $variablecolors: length($variable-colors);
     }
   }
 }
-
 .site-menu-mobile {
   background-color: #000;
   position: fixed;
   height: 100vh;
   width: 60px;
 }
-
 pre[class*='language-'] {
   margin: 20px 0;
 }
@@ -335,29 +316,24 @@ pre[class*='language-'] {
 .filas {
   line-height: 2;
 }
-
 .item {
   white-space: nowrap;
 }
 .bg-docs {
   background: #fafafa;
 }
-
 .grid-6-docs {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 0;
-
   div:nth-child(6n + 3),
   div:nth-child(6n + 4) {
     background-color: #eaeaea;
   }
-
   div {
     border-bottom: 1px solid #f6f6f6;
     padding: 6px;
   }
-
   div:nth-child(6n + 1),
   div:nth-child(6n + 3),
   div:nth-child(6n + 5) {
@@ -365,17 +341,14 @@ pre[class*='language-'] {
     font-weight: bold;
   }
 }
-
 .grid-2-docs {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 0;
-
   div {
     border-bottom: 1px solid #f6f6f6;
     padding: 6px;
   }
-
   div:nth-child(6n + 1),
   div:nth-child(6n + 3),
   div:nth-child(6n + 5) {
@@ -383,48 +356,37 @@ pre[class*='language-'] {
     font-weight: bold;
   }
 }
-
 .grid-8-docs {
   display: grid;
   grid-template-columns: repeat(8, 1fr);
-
   &:nth-child(even) {
-    background-color: #f7f6f6; /* Cambia el color de fondo de las filas pares */
+    background-color: #f7f6f6;
   }
-
-  /* Opcional: Estilos para filas impares */
   &:nth-child(odd) {
-    background-color: #fff; /* Cambia el color de fondo de las filas impares */
+    background-color: #fff;
   }
 }
-
 .grid-5-docs {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
-
   &:nth-child(even) {
-    background-color: #f7f6f6; /* Cambia el color de fondo de las filas pares */
+    background-color: #f7f6f6;
   }
-
-  /* Opcional: Estilos para filas impares */
   &:nth-child(odd) {
-    background-color: #fff; /* Cambia el color de fondo de las filas impares */
+    background-color: #fff;
   }
 }
-
 .grid-24-docs {
   display: grid;
   grid-template-columns: repeat(24, 1fr);
   gap: 16px;
   align-items: start;
 }
-
 .grid-9-docs {
   display: grid;
   grid-template-columns: repeat(9, 1fr);
   border-bottom: 1px dashed #d8d8d8;
   border-left: 1px dashed #d8d8d8;
-
   align-items: start;
   div {
     padding: 10px;
@@ -436,13 +398,11 @@ pre[class*='language-'] {
     align-items: center;
   }
 }
-
 .grid-88-docs {
   display: grid;
   grid-template-columns: repeat(8, 1fr);
   border-bottom: 1px dashed #d8d8d8;
   border-left: 1px dashed #d8d8d8;
-
   align-items: start;
   div {
     padding: 10px;
@@ -454,13 +414,11 @@ pre[class*='language-'] {
     align-items: center;
   }
 }
-
 .grid-4-docs {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   border-bottom: 1px dashed #d8d8d8;
   border-left: 1px dashed #d8d8d8;
-
   align-items: start;
   & > div {
     padding: 10px;
@@ -472,7 +430,6 @@ pre[class*='language-'] {
     align-items: center;
   }
 }
-
 .g-16 {
   gap: 16px;
 }

package/scss/elements/_animated.scss

@@ -7,8 +7,6 @@
   bottom: 0;
   right: 0;
   color: $c-primary;
-  display: box;
-  display: flexbox;
   display: flex;
   opacity: 1;
   -webkit-box-align: end;
@@ -16,10 +14,9 @@
   align-items: flex-end;
   transition: opacity 0.3s ease;
   z-index: 6;
-}
-
-.arrow-cover svg {
-  animation: bounce 0.8s infinite alternate;
+  svg {
+    animation: bounce 0.8s infinite alternate;
+  }
 }
 
 .line-scrolldown {

package/scss/elements/_buttons.scss

@@ -334,8 +334,6 @@ button {
   background-color: $c-white;
   border: 1px solid $c-primary;
   svg {
-    g {
-    }
     circle {
       stroke: $c-primary;
     }
@@ -1019,8 +1017,10 @@ button {
     vertical-align: middle;
   }
 }
-[lang^="zh"],//chino
-[lang^="zn"],//chino
+[lang^="zh"],
+//chino
+[lang^="zn"],
+//chino
 [lang^="ko"] //coreano ko-KR
 {
   .btn-selector-wrap {
@@ -1031,7 +1031,6 @@ button {
     }
   }
 }
-
 .btn-group > .btn {
   flex: 1;
 }
@@ -1289,19 +1288,15 @@ button {
     margin-top: -1px;
   }
 }
-
 .btn--color {
   width: 16px;
   height: 16px;
   position: relative;
-
   &:hover {
     opacity: 0.6;
   }
-
   &.is-active {
     padding-bottom: 8px;
-
     &:after {
       position: absolute;
       left: 0;
@@ -1313,7 +1308,6 @@ button {
     }
   }
 }
-
 .btn-square {
   color: $c-white;
   background-color: $c-secondary-30;
@@ -1321,7 +1315,6 @@ button {
   width: 20px;
   height: 20px;
   padding: 2px;
-
   &:focus,
   &.focus,
   &:hover,

package/scss/elements/_checkbox.scss

@@ -42,8 +42,6 @@
     font-weight: normal;
     font-size: $text-sm;
     text-align: initial;
-    display: box;
-    display: flexbox;
     display: flex;
   }
   [type='checkbox']:not(:checked) + label::before,
@@ -133,8 +131,6 @@
     font-weight: normal;
     font-size: $text-sm;
     text-align: initial;
-    display: box;
-    display: flexbox;
     display: flex;
   }
   [type='checkbox']:not(:checked) + label::before,
@@ -209,8 +205,6 @@
     font-weight: normal;
     font-size: $text-sm;
     text-align: initial;
-    display: box;
-    display: flexbox;
     display: flex;
     flex-direction: column;
     float: none;
@@ -330,7 +324,6 @@
       background-color: $c-primary;
     }
   }
-  [type='checkbox'] + label::after,
   [type='checkbox'] + label::after {
     width: 80px;
     height: 80px;
@@ -477,11 +470,9 @@
   .box3-content {
     padding-left: calc(14px + 16px);
   }
-  &.checkbox-radio [type='radio']:checked + label .border-1-grey,
   &.checkbox-radio [type='radio']:checked + label .border-1-grey {
     border: 1px solid $c-primary;
   }
-  &.checkbox-radio [type='radio']:checked + label .border-1,
   &.checkbox-radio [type='radio']:checked + label .border-1 {
     border: 1px solid $c-primary;
   }

package/scss/elements/_form.scss

@@ -194,12 +194,12 @@ input::input-placeholder {
       background: none;
       height: 32px;
       font-size: $text-input-m;
+      opacity: 0;
       @media (min-width: $break-sm) {
         padding: 14px 2px;
         height: 40px;
         font-size: $text-input-d;
       }
-      opacity: 0;
       &:hover {
         opacity: 0;
       }
@@ -656,7 +656,6 @@ input::input-placeholder {
     flex: 1 0 auto;
   }
 }
-// a eliminar activate-user---input-phone-combo----itxphoneaccountcreation
 .form-input-prefix {
   display: flex;
   .input-prefix {

package/scss/elements/_list.scss

@@ -189,7 +189,6 @@ ul.list-mini {
   position: relative;
   padding: 16px 0;
   border-bottom: var(--line-width) solid transparent;
-
   cursor: pointer;
   opacity: 1;
 

package/scss/elements/_sidebar.scss

@@ -1,7 +1,5 @@
 @import '../abstract/_all';
-
 $sidebar-width: 425px;
-
 .sidebar-container {
   z-index: 2000;
   position: fixed;
@@ -13,36 +11,29 @@ $sidebar-width: 425px;
   height: 100%;
   transition: transform 0.5s ease;
   transform: translateX(435px);
-
   &.custom-sidebar {
     padding: 0 20px 40px;
-
     @media (min-width: $break-sm) {
       padding: 0 20px 40px;
     }
   }
-
   &.close-mini-wish {
     transform: translateX(100vw);
-
     [dir='rtl'] & {
       transform: translateX(-100vw);
     }
   }
 }
-
 .sidebar-close {
   padding: 15px 16px;
   position: absolute;
   right: 0;
   z-index: 1999;
   cursor: pointer;
-
   &:hover {
     opacity: 0.6;
   }
 }
-
 // Añadimos los estilos solo si la sidebar es custom para no romper las demás maquetas
 .sidebar-close.sidebar-custom-close {
   padding: 24px 0 56px 0;
@@ -51,7 +42,6 @@ $sidebar-width: 425px;
   display: flex;
   justify-content: flex-end;
 }
-
 .sidebar-out {
   z-index: 1999;
   position: fixed;
@@ -59,11 +49,9 @@ $sidebar-width: 425px;
   height: 100vh;
   top: 0;
   left: 0;
-
   background-color: $c-black;
   opacity: 0.15;
 }
-
 .body-sidebar-open {
   .sidebar-container {
     transform: translateX(0);

package/scss/elements/_tabs.scss

@@ -3,10 +3,10 @@
 .tabs {
   ul {
     display: flex;
-
     margin: 0;
     flex-grow: 1;
     flex-shrink: 0;
+
     &.content-start {
       justify-content: flex-start;
     }
@@ -27,9 +27,8 @@
       justify-content: center;
       align-items: center;
       vertical-align: top;
-
       cursor: pointer;
-      padding: 0 20px 0;
+      padding: 0 20px;
       line-height: 1;
     }
 
@@ -79,14 +78,13 @@
   }
 }
 
-
 .tabs2 {
   ul {
     display: flex;
-
     margin: 0;
     flex-grow: 1;
     flex-shrink: 0;
+
     &.content-start {
       justify-content: flex-start;
     }
@@ -110,18 +108,16 @@
       justify-content: center;
       align-items: center;
       vertical-align: top;
-
       cursor: pointer;
       padding-inline: 20px;
       line-height: 1;
     }
 
-
-    &.is-active  {
+    &.is-active {
       position: relative;
 
       &::after {
-        content: "";
+        content: '';
         position: absolute;
         width: 4px;
         height: 4px;
@@ -131,8 +127,6 @@
         margin-left: -2px;
       }
     }
-
-
   }
 
   &.tabs-resetfirst ul li:first-child a {
@@ -161,86 +155,9 @@
   }
 }
 
-
 .tabs-inline {
   ul {
     display: flex;
-
-    margin: 0;
-    flex-grow: 1;
-    flex-shrink: 0;
-    &.content-start {
-      justify-content: flex-start;
-    }
-
-    &.content-center {
-      align-items: center;
-    }
-  }
-
-  li {
-    display: block;
-    margin: 0;
-    &::after {
-      display: none;
-    }
-
-    a,
-    span,
-    .tab {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      vertical-align: top;
-
-      cursor: pointer;
-    }
-
-    &.is-active a,
-    &.is-active span,
-    &.is-active .tab {
-      position: relative;
-
-      &::after {
-        content: '';
-        position: absolute;
-        width: 4px;
-        height: 4px;
-        background-color: $c-primary;
-        bottom: 0;
-      }
-    }
-  }
-
-  &.tabs-resetfirst ul li:first-child a {
-  }
-
-  &.is-center ul {
-    justify-content: center;
-  }
-
-  &.is-around ul {
-    justify-content: space-around;
-
-    li {
-      flex: 1;
-    }
-  }
-
-  .list-equal {
-    display: flex;
-    align-items: flex-end;
-
-    li {
-      flex-grow: 1;
-    }
-  }
-}
-
-.tabs-inline {
-  ul {
-    display: flex;
-
     margin: 0;
     flex-grow: 1;
     flex-shrink: 0;
@@ -265,7 +182,6 @@
       justify-content: center;
       align-items: center;
       vertical-align: top;
-
       font-size: 12px;
       cursor: pointer;
     }