holygrail2 1.2.2 → 1.2.4

package/scss/base/_helpers.scss

@@ -499,7 +499,6 @@ strong {
   bottom: 0;
 }
 .p-view\:sm {
-  // a sustiuir
   @media (max-width: #{$break-sm - 1}) {
     position: absolute;
     width: 100%;
@@ -535,18 +534,18 @@ strong {
 }
 .ov-custom {
   &::-webkit-scrollbar-track {
-    background-color: $c-light-grey;
+    background-color: rgba($c-light-grey, 10%);
   }
   &::-webkit-scrollbar-track:hover {
-    background-color: $c-light-grey;
+    background-color: rgba($c-light-grey, 10%);
   }
   &::-webkit-scrollbar-thumb {
-    background-color: $c-dark-grey;
+    background-color: rgba($c-dark-grey, 60%);
     border-radius: 16px;
     border: 3px solid $c-white;
   }
   &::-webkit-scrollbar-thumb:hover {
-    background-color: $c-dark-grey;
+    background-color: rgba($c-dark-grey, 60%);
     border: 2px solid $c-light-grey;
   }
   &::-webkit-scrollbar-button {
@@ -752,89 +751,59 @@ strong {
     width: 5px;
     height: 5px;
   }
-  /* Track */
   &::-webkit-scrollbar-track {
-    background-color: rgba(0, 0, 0, 0.1);
-    -webkit-border-radius: 10px;
+    background-color: rgba($c-black, 10%);
     border-radius: 10px;
   }
-  /* Handle */
   &::-webkit-scrollbar-thumb {
-    -webkit-border-radius: 10px;
     border-radius: 10px;
-    background-color: rgba(0, 0, 0, 0.6);
-  }
-  &::-webkit-scrollbar-thumb:window-inactive {
-    background-color: rgba(0, 0, 0, 0.6);
+    background-color: rgba($c-black, 60%);
   }
 }
-
 .min-scrollcustom-y {
   overflow: auto;
   &::-webkit-scrollbar {
     width: 1px;
     height: 1px;
   }
-  /* Track */
   &::-webkit-scrollbar-track {
-    background-color: rgba(0, 0, 0, 0.1);
-
-    -webkit-border-radius: 10px;
+    background-color: rgba($c-black, 10%);
     border-radius: 0;
   }
-  /* Handle */
   &::-webkit-scrollbar-thumb {
-    -webkit-border-radius: 0px;
-    border-radius: 0px;
-    background-color: rgba(0, 0, 0, 0.6);
-  }
-  &::-webkit-scrollbar-thumb:window-inactive {
-    background-color: rgba(0, 0, 0, 0.6);
+    border-radius: 0;
+    background-color: rgba($c-black, 60%);
   }
 }
-
 .min-scrollcustom-hover {
   overflow: auto;
   &::-webkit-scrollbar {
     width: 0;
   }
-  /* Track */
   &::-webkit-scrollbar-track {
-    background-color: rgba(0, 0, 0, 0.1);
-
-    -webkit-border-radius: 10px;
+    background-color: rgba($c-black, 10%);
     border-radius: 0;
   }
-  /* Handle */
   &::-webkit-scrollbar-thumb {
-    -webkit-border-radius: 10px;
     border-radius: 10px;
-    background-color: rgba(0, 0, 0, 0.6);
-  }
-  &::-webkit-scrollbar-thumb:window-inactive {
-    background-color: rgba(0, 0, 0, 0.6);
+    background-color: rgba($c-black, 60%);
   }
 }
-
 .min-scrollcustom-x {
   overflow: auto;
   &::-webkit-scrollbar {
     height: 5px;
   }
-  /* Track */
   &::-webkit-scrollbar-track {
-    background: #fff;
-    -webkit-border-radius: 10px;
+    background: $c-white;
     border-radius: 0;
   }
-  /* Handle */
   &::-webkit-scrollbar-thumb {
-    -webkit-border-radius: 10px;
     border-radius: 10px;
-    background: #999;
+    background: $c-middle-grey;
   }
   &::-webkit-scrollbar-thumb:window-inactive {
-    background: #999;
+    background: $c-middle-grey;
   }
 }
 .min-scrollcustom-x.has-dark {
@@ -842,15 +811,11 @@ strong {
   &::-webkit-scrollbar {
     height: 5px;
   }
-  /* Track */
   &::-webkit-scrollbar-track {
     background: $c-middle-grey;
-    -webkit-border-radius: 10px;
     border-radius: 0;
   }
-  /* Handle */
   &::-webkit-scrollbar-thumb {
-    -webkit-border-radius: 10px;
     border-radius: 10px;
     background: $c-primary;
   }
@@ -1016,7 +981,6 @@ strong {
     min-width: 300px;
   }
 }
-// se usa el color blanco por el blend-mode
 .separator {
   border-bottom: 1px solid $c-white;
 }

package/scss/base/_rtl.scss

@@ -158,10 +158,6 @@
       right: 16px;
       left: auto;
     }
-    // &.btn-google {
-    // }
-    // &.btn-naver {
-    // }
   }
   .checkbox-item {
     [type='checkbox']:not(:checked),

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,48 @@ 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-6-docs {
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  &:nth-child(even) {
+    background-color: #f7f6f6;
+  }
+  &:nth-child(odd) {
+    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 +409,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 +425,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 +441,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,22 +1308,18 @@ button {
     }
   }
 }
-
 .btn-square {
-  color: $c-white;
   background-color: $c-secondary-30;
   border: none;
   width: 20px;
   height: 20px;
   padding: 2px;
-
   &:focus,
   &.focus,
   &:hover,
   &.hover,
   &:active,
   &.active {
-    color: $c-white;
     background-color: $c-dark-grey;
     border: 1px solid $c-dark-grey;
     opacity: 1;

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);