holygrail2 1.3.37 → 1.3.40

package/package.json

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

package/scss/abstract/_mixins.scss

@@ -579,12 +579,12 @@ $max-vw: 1500px !default;
       @content;
     }
   } @else if $consulta == retina {
-    @media only screen and (-webkit-min-device-pixel-ratio: 2),
-      only screen and (min--moz-device-pixel-ratio: 2),
-      only screen and (-o-min-device-pixel-ratio: 2/1),
-      only screen and (min-device-pixel-ratio: 2),
-      only screen and (min-resolution: 192dpi),
-      only screen and (min-resolution: 2dppx) {
+    @media (-webkit-min-device-pixel-ratio: 2),
+      (min--moz-device-pixel-ratio: 2),
+      (-o-min-device-pixel-ratio: 2/1),
+      (min-device-pixel-ratio: 2),
+      (min-resolution: 192dpi),
+      (min-resolution: 2dppx) {
       @content;
     }
   }

package/scss/abstract/_reset.scss

@@ -125,8 +125,8 @@ input[type='number'] {
 :root {
   --line-width: 1px;
 
-  @media screen and (-webkit-min-device-pixel-ratio: 2),
-    screen and (min-resolution: 2dppx) {
+  @media (-webkit-min-device-pixel-ratio: 2),
+    (min-resolution: 2dppx) {
     --line-width: 0.5px;
     --line-width-negative: -0.5px;
   }

package/scss/base/_alignment.scss

@@ -302,13 +302,13 @@
   justify-content: space-between;
 }
 
-@media (min-width: 992px) {
+@media (min-width: $break-md) {
   .md\:content-sp-between {
     justify-content: space-between;
   }
 }
 
-@media (max-width: 992px) {
+@media (max-width: $break-md) {
   .mdmax\:content-end {
     justify-content: flex-end;
   }

package/scss/base/_icons.scss

@@ -229,7 +229,7 @@ md-icon.ico-pre {
   position: absolute;
   top: 30px;
   left: 20px;
-  @media (min-width: 768px) {
+  @media (min-width: $break-sm) {
     left: 32px;
   }
   &::after,

package/scss/base/_ratios.scss

@@ -58,7 +58,7 @@
     content: '';
     width: 100%;
     padding-top: calc(133.25% + 74px);
-    @media (min-width: 992px) {
+    @media (min-width: $break-md) {
       padding-top: calc(133.25% + 74px);
     }
   }
@@ -74,7 +74,7 @@
     content: '';
     width: 100%;
     padding-top: calc(133.25% + 74px);
-    @media (min-width: 992px) {
+    @media (min-width: $break-md) {
       padding-top: calc(133.25% + 74px);
     }
   }
@@ -138,7 +138,7 @@
     content: '';
     width: 100%;
     padding-top: 133.25%;
-    @media (min-width: 992px) {
+    @media (min-width: $break-md) {
       padding-top: 133.25%;
     }
   }

package/scss/base/_rtl.scss

@@ -477,7 +477,7 @@
   .mn-mainmenu .list-check li.is-active a::before {
     margin-right: -8px;
   }
-  @media (min-width: 768px) {
+  @media (min-width: $break-sm) {
     .mn-mainmenu .mn-mainbar .tabs ul.mn-list-item li:first-child a,
     .mn-mainmenu .mn-mainbar .tabs ul.mn-list-item li:first-child span {
       padding: 8px 0 8px 20px;

package/scss/elements/_banners.scss

@@ -75,7 +75,7 @@
   right: auto;
   bottom: 0;
   width: 100%;
-  @media (min-width: 768px) {
+  @media (min-width: $break-sm) {
     max-width: 375px;
     bottom: 0;
     left: 96px;

package/scss/elements/_buttons.scss

@@ -577,7 +577,6 @@ button {
   border: 0 solid transparent;
   height: auto;
   min-height: auto;
-  font-size: 12px;
   padding-top: 6px;
   padding-bottom: 6px;
   line-height: 1;

package/scss/elements/_form.scss

@@ -707,7 +707,7 @@ input::placeholder {
     color: $c-dark-grey;
   }
 }
-@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .form-input-label-2 > label {
     display: none;
   }

package/scss/elements/_tabs_specials.scss

@@ -100,7 +100,7 @@ ul.list-clear li.list-box {
   .checkbox-radio [type='radio']:checked + label,
   .checkbox-radio [type='radio']:not(:checked) + label {
     flex-direction: row;
-    @media (min-width: 992px) {
+    @media (min-width: $break-md) {
       flex-direction: column;
     }
   }
@@ -109,7 +109,7 @@ ul.list-clear li.list-box {
     align-items: center;
     padding: 16px;
     justify-content: space-between;
-    @media (min-width: 992px) {
+    @media (min-width: $break-md) {
       align-items: center;
       justify-content: center;
       align-content: center;
@@ -122,7 +122,7 @@ ul.list-clear li.list-box {
   .checkbox-text {
     order: 2;
   }
-  @media (min-width: 992px) {
+  @media (min-width: $break-md) {
     &::before {
       width: 100%;
       padding-top: 100%;
@@ -144,7 +144,7 @@ ul.list-clear li.list-box {
   width: 100%;
   display: flex;
   flex-direction: column;
-  @media (min-width: 992px) {
+  @media (min-width: $break-md) {
     flex-direction: row;
   }
 }

package/scss/layouts/_card9.scss

@@ -29,7 +29,7 @@
     transition: opacity 275ms ease;
     opacity: 0;
 
-    @media (max-width: 1280px) {
+    @media (max-width: $break-lg) {
       display: none;
     }
   }

package/scss/layouts/_header.scss

@@ -12,7 +12,7 @@
   font-size: 12px;
   mix-blend-mode: difference;
   background-blend-mode: difference;
-  @media (min-width: 992px) {
+  @media (min-width: $break-md) {
     padding-bottom: 0;
     height: 60px;
   }
@@ -29,7 +29,7 @@
   .logo svg {
     width: 100%;
   }
-  @media (min-width: 992px) {
+  @media (min-width: $break-md) {
     .logo {
       width: 100%;
       max-width: 180px;
@@ -38,7 +38,7 @@
   .menu-mobile {
     display: block;
   }
-  @media (min-width: 1280px) {
+  @media (min-width: $break-lg) {
     .menu-mobile {
       display: none;
     }
@@ -47,7 +47,7 @@
     display: none;
     white-space: nowrap;
   }
-  @media (min-width: 1280px) {
+  @media (min-width: $break-lg) {
     .menu-desktop {
       display: flex;
     }

package/scss/layouts/_mainmenu.scss

@@ -8,7 +8,7 @@
   position: relative;
   overflow: auto;
   padding-bottom: 150px;
-  @media (min-width: 768px) {
+  @media (min-width: $break-sm) {
     max-width: 400px;
     padding-bottom: 0;
   }
@@ -17,7 +17,7 @@
       justify-content: center;
       align-items: center;
 
-      @media (min-width: 768px) {
+      @media (min-width: $break-sm) {
         justify-content: flex-start;
       }
     }