holygrail2 1.3.22 → 1.3.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "holygrail2",
-  "version": "1.3.22",
+  "version": "1.3.23",
   "description": "A minimal, responsive, style-agnostic CSS framework.",
   "main": "scss/style.scss",
   "style": "dist/style.css",

package/scss/_partials.scss

@@ -48,5 +48,4 @@
 @import 'layouts/runway';
 @import 'layouts/header';
 
-
 // @import 'abstract/0debug';

package/scss/_variables.scss

@@ -48,7 +48,7 @@ $c-orange: #e5740b !default;
 $c-limited: #000 !default;
 $c-success: #12882c !default;
 $c-alert: #ffce4e !default;
-$c-facebook: #186CF1 !default;
+$c-facebook: #186cf1 !default;
 $c-google: #4285f4 !default;
 $c-naver: #03cf5d !default;
 $c-wechat: #2dc100 !default;

package/scss/base/_a11y.scss

@@ -1,48 +1,40 @@
 @import '../abstract/_all';
 .theme-keyboard-accesible {
-    *:focus,
-    *:focus-visible,
-    [class*="checkbox-"]:focus+label,
-    [class*="checkbox-"]:focus-visible+label,
-    [class*="checkbox-"] input:focus+label,
-    [class*="checkbox-"] input:focus-visible+label {
-        outline: 2px solid #383BFF !important;
-        outline-offset: 1px;
-    }
-    .focus\:outside:focus,
-    .focus\:outside:focus-visible {
-        outline: 2px solid #383BFF !important;
-        outline-offset: 1px;
-    }
-    .focus\:inset:focus,  
-    .focus\:inset:focus-visible {
-        outline: 2px solid #383BFF !important;
-        outline-offset: -2px;
-    }
-    
-    a:focus .product-card-img::before,
-    .product-media__img:focus::before{
-       content: '';
-       display: block;
-       outline: 2px solid #383BFF !important;
-       outline-offset: -2px;
-       position: absolute;
-       inset: 0;
-       z-index: 1;
-       width: 100%;
-   
-     }
+  *:focus,
+  *:focus-visible,
+  [class*='checkbox-']:focus + label,
+  [class*='checkbox-']:focus-visible + label,
+  [class*='checkbox-'] input:focus + label,
+  [class*='checkbox-'] input:focus-visible + label {
+    outline: 2px solid #383bff !important;
+    outline-offset: 1px;
+  }
+  .focus\:outside:focus,
+  .focus\:outside:focus-visible {
+    outline: 2px solid #383bff !important;
+    outline-offset: 1px;
+  }
+  .focus\:inset:focus,
+  .focus\:inset:focus-visible {
+    outline: 2px solid #383bff !important;
+    outline-offset: -2px;
+  }
 
+  a:focus .product-card-img::before,
+  .product-media__img:focus::before {
+    content: '';
+    display: block;
+    outline: 2px solid #383bff !important;
+    outline-offset: -2px;
+    position: absolute;
+    inset: 0;
+    z-index: 1;
+    width: 100%;
+  }
 
-
-     .btn-grid .btn:focus ,  
-     .btn-grid .btn:focus-visible {
-         outline: 2px solid #383BFF !important;
-         outline-offset: -2px;
-     }
-     
-   
-   
-  
-
-}
+  .btn-grid .btn:focus,
+  .btn-grid .btn:focus-visible {
+    outline: 2px solid #383bff !important;
+    outline-offset: -2px;
+  }
+}

package/scss/base/_alignment.scss

@@ -56,7 +56,6 @@
   justify-content: center;
 }
 
-
 .content-sp-around {
   justify-content: space-around;
 }
@@ -295,26 +294,22 @@
   }
 }
 
+.align-start {
+  align-items: start;
+}
 
-  .align-start {
-    align-items: start;
-  }
-  
-  .content-sp-between {
+.content-sp-between {
+  justify-content: space-between;
+}
+
+@media (min-width: 992px) {
+  .md\:content-sp-between {
     justify-content: space-between;
   }
-  
-  @media (min-width: 992px) {
-    .md\:content-sp-between {
-      justify-content: space-between;
-    }
-  }
-  
-  @media (max-width: 992px) {
-    .mdmax\:content-end {
-      justify-content: flex-end;
-    }
-  }
-  
+}
 
-  
+@media (max-width: 992px) {
+  .mdmax\:content-end {
+    justify-content: flex-end;
+  }
+}

package/scss/base/_helpers.scss

@@ -287,7 +287,7 @@ hr {
     align-items: center;
     svg-icon,
     svg-icon2,
-    md-icon{
+    md-icon {
       margin-right: 16px;
     }
   }
@@ -696,10 +696,10 @@ strong {
 .pe-none {
   pointer-events: none;
 }
-.pointer-events-none{
+.pointer-events-none {
   pointer-events: none;
 }
-.pointer-events-all{
+.pointer-events-all {
   pointer-events: all;
 }
 
@@ -848,7 +848,6 @@ strong {
   z-index: 10;
   top: 0;
   left: 0;
-
 }
 .m--1 {
   margin-top: -1px;
@@ -1015,19 +1014,18 @@ strong {
   flex-grow: 1;
 }
 .flex-grow {
-    flex-grow: 1;
-    overflow-y: auto;
+  flex-grow: 1;
+  overflow-y: auto;
 }
 
 .grow-0 {
   flex-grow: 0;
 }
 
-.no-cursor{
-  cursor: default; 
+.no-cursor {
+  cursor: default;
 }
 
-  .no-relative {
-    position: inherit;
-  }
-  
+.no-relative {
+  position: inherit;
+}

package/scss/base/_icons.scss

@@ -17,8 +17,8 @@ $w-plus: 10px;
 }
 
 svg-icon,
-svg-icon2 ,
-md-icon{
+svg-icon2,
+md-icon {
   div {
     display: flex;
     align-items: center;
@@ -282,8 +282,6 @@ md-icon.ico-pre {
   background-color: $c-primary;
 }
 
-
-
 .md-icon-anim {
   position: relative;
   width: 12px;
@@ -295,7 +293,7 @@ md-icon.ico-pre {
 
   &::before,
   &::after {
-    content: "";
+    content: '';
     position: absolute;
     width: 12px;
     height: 1px;
@@ -317,4 +315,4 @@ md-icon.ico-pre {
       background-color: $c-white;
     }
   }
-}
+}

package/scss/base/_rtl.scss

@@ -83,18 +83,27 @@
       padding-right: #{$espaciado}px;
     }
   }
-  .check-center.check-bleed.checkbox-radio [type='radio']:checked+label::before,
-  .check-center.check-bleed.checkbox-radio [type='radio']:not(:checked)+label::before {
+  .check-center.check-bleed.checkbox-radio
+    [type='radio']:checked
+    + label::before,
+  .check-center.check-bleed.checkbox-radio
+    [type='radio']:not(:checked)
+    + label::before {
     left: initial;
     right: 0;
   }
-  .check-center.check-bleed.checkbox-radio [type='radio']:checked+label .ico-radio,
-  .check-center.check-bleed.checkbox-radio [type='radio']:not(:checked)+label .ico-radio {
+  .check-center.check-bleed.checkbox-radio
+    [type='radio']:checked
+    + label
+    .ico-radio,
+  .check-center.check-bleed.checkbox-radio
+    [type='radio']:not(:checked)
+    + label
+    .ico-radio {
     left: initial;
     right: 5px;
   }
   .btn {
-
     &.btn-world {
       .btn-world-center {
         text-align: right;
@@ -105,7 +114,7 @@
     }
   }
   .btn-group {
-    &> :not(:first-child, :last-child) {
+    & > :not(:first-child, :last-child) {
       border-radius: 0;
       margin-right: -1px;
       margin-left: 0;
@@ -148,26 +157,26 @@
       position: absolute;
       width: 70px;
     }
-    [type='checkbox']:not(:checked)+label::before,
-    [type='checkbox']:checked+label::before {
+    [type='checkbox']:not(:checked) + label::before,
+    [type='checkbox']:checked + label::before {
       left: auto;
       right: 0;
       margin: 0 0 0 10px;
     }
-    [type='checkbox']:not(:checked)+label,
-    [type='checkbox']:checked+label {
+    [type='checkbox']:not(:checked) + label,
+    [type='checkbox']:checked + label {
       padding-left: 0;
       padding-right: 24px;
     }
-    [type='checkbox']:not(:checked)+label span,
-    [type='checkbox']:checked+label span {
+    [type='checkbox']:not(:checked) + label span,
+    [type='checkbox']:checked + label span {
       &.theta {
         padding-left: 0;
         padding-right: 24px;
       }
     }
-    [type='checkbox']:not(:checked)+label .icon,
-    [type='checkbox']:checked+label .icon {
+    [type='checkbox']:not(:checked) + label .icon,
+    [type='checkbox']:checked + label .icon {
       right: 2px;
       left: auto;
       top: 3px;
@@ -181,26 +190,26 @@
     }
   }
   .check-bleed {
-    &.checkbox-radio [type='radio']:checked+label .ico-radio,
-    &.checkbox-radio [type='radio']:not(:checked)+label .ico-radio {
+    &.checkbox-radio [type='radio']:checked + label .ico-radio,
+    &.checkbox-radio [type='radio']:not(:checked) + label .ico-radio {
       left: 0;
       right: 17px;
     }
-    &.checkbox-radio [type='radio']:checked+label::before,
-    &.checkbox-radio [type='radio']:not(:checked)+label::before {
+    &.checkbox-radio [type='radio']:checked + label::before,
+    &.checkbox-radio [type='radio']:not(:checked) + label::before {
       left: auto;
       right: 0;
     }
   }
   .check-center {
-    &.checkbox-radio [type='radio']:checked+label::before,
-    &.checkbox-radio [type='radio']:not(:checked)+label::before {
+    &.checkbox-radio [type='radio']:checked + label::before,
+    &.checkbox-radio [type='radio']:not(:checked) + label::before {
       left: auto;
       right: 16px;
       margin: 0;
     }
-    &.checkbox-radio [type='radio']:checked+label .ico-radio,
-    &.checkbox-radio [type='radio']:not(:checked)+label .ico-radio {
+    &.checkbox-radio [type='radio']:checked + label .ico-radio,
+    &.checkbox-radio [type='radio']:not(:checked) + label .ico-radio {
       left: 0;
       right: 21px;
     }
@@ -357,16 +366,16 @@
   }
   .has-ico-post {
     &.btn,
-    &>input,
-    &>label {
+    & > input,
+    & > label {
       padding-right: 0;
       padding-left: $btn-padding * 2;
     }
   }
   .has-ico-pre {
     &.btn,
-    &>input,
-    &>label {
+    & > input,
+    & > label {
       padding-left: 0;
       padding-right: $btn-padding * 2 + 4px;
     }
@@ -587,4 +596,4 @@
       padding-left: 0;
     }
   }
-}
+}

package/scss/base/_spacing.scss

@@ -340,5 +340,3 @@ $break-xl: 1200px !default;
     margin-bottom: 42px;
   }
 }
-
-

package/scss/docs.scss

@@ -58,4 +58,4 @@ h3 {
     padding: 20px;
     border-radius: 10px;
   }
-}
+}

package/scss/elements/_animated.scss

@@ -69,11 +69,9 @@
   }
 }
 
-
-.md-arrow-anim{
-  transition: all ease .3s;
-  .is-active &{
+.md-arrow-anim {
+  transition: all ease 0.3s;
+  .is-active & {
     transform: rotate(180deg);
-
   }
-}
+}

package/scss/elements/_bottom-sheet.scss

@@ -29,5 +29,4 @@
   .bs-custom-btn {
     border-width: 0 0 var(--line-width) 0;
   }
-
 }