holygrail2 1.1.90 → 1.1.92

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "holygrail2",
-    "version": "1.1.90",
+    "version": "1.1.92",
     "description": "A minimal, responsive, style-agnostic CSS framework.",
     "main": "scss/style.scss",
     "directories": {

package/scss/base/_helpers.scss

@@ -936,23 +936,17 @@ strong {
     text-transform: none;
   }
 }
-[lang^="zh"],
-//chino
-[lang^="ko"],
-//coreano ko-KR
+[lang^="zh"],//chino
+[lang^="zn"],//chino
+[lang^="ko"], //coreano ko-KR
 [lang^="vi"],
-[lang^="el"],
-//griego
-[lang^="tr"],
-// turco
-[lang^="ru"],
-//ruso
-[lang^="sr"],
-//serbio
-[lang^="uk"],
-//ukraniano
-[lang^="bg"],
-//bulgaro
+[lang^="el"],//griego
+[lang^="tr"],// turco
+[lang^="ru"],//ruso
+[lang^="sr"],//serbio
+[lang^="uk"],//ukraniano
+[lang^="bg"],//bulgaro
+
 [lang^="ar"] //arab emirates, egipto ,jordania, israel ,qatar , bahrain ,arabia saudi
   {
   body {

package/scss/elements/_buttons.scss

@@ -81,7 +81,6 @@ button {
     align-items: center;
     justify-content: space-between;
     padding: 8px 32px;
-
     &.btn--mini,
     &.btn--small {
       width: max-content;
@@ -148,8 +147,7 @@ button {
   }
 }
 .btn--mini {
-  padding: $padding-global * 1 + 2px $padding-global * 3 $padding-global * 1
-    $padding-global * 3;
+  padding: $padding-global * 1 + 2px $padding-global * 3 $padding-global * 1 $padding-global * 3;
   font-size: $btn-text-mini;
   min-width: 50px;
   padding-left: $padding-global;
@@ -335,13 +333,11 @@ button {
   background-color: $c-white;
   border: 1px solid $c-primary;
   svg {
-    g {
-    }
+    g {}
     circle {
       stroke: $c-primary;
     }
-    path {
-    }
+    path {}
   }
   &:focus,
   &.focus,
@@ -743,13 +739,11 @@ button {
 .btn-social {
   height: 40px;
   cursor: pointer;
-
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   position: relative;
-
   svg-icon,
   svg-icon2 {
     display: flex;
@@ -783,7 +777,6 @@ button {
   background-color: $c-white;
   color: $c-primary;
   border: var(--line-width) solid $c-primary;
-
   &:focus,
   &.focus,
   &:hover,
@@ -924,7 +917,7 @@ button {
 .btn-group {
   position: relative;
   display: flex;
-  & > :not(:first-child, :last-child) {
+  &> :not(:first-child, :last-child) {
     border-radius: 0;
     margin-left: -1px;
   }
@@ -952,12 +945,10 @@ button {
     }
   }
 }
-
 .btn-selector {
   position: relative;
   display: flex;
-
-  & > :not(:first-child, :last-child) {
+  &> :not(:first-child, :last-child) {
     border-radius: 0;
     margin-left: -1px;
   }
@@ -1005,14 +996,11 @@ button {
     z-index: 10;
   }
 }
-
-.btn-selector-wrap{
-
+.btn-selector-wrap {
   display: flex;
-  flex-wrap: nowrap; 
-  overflow-x: auto; 
-  white-space: nowrap; 
-
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  white-space: nowrap;
   &.btn-selector .btn {
     border-radius: 0;
     white-space: normal;
@@ -1022,15 +1010,31 @@ button {
     padding-inline: 4px;
     min-width: 50px;
     word-wrap: break-word;
-    overflow-wrap: break-word; 
-    text-align: center; 
-    display: inline-block; 
-    vertical-align: middle; 
-  
+    overflow-wrap: break-word;
+    text-align: center;
+    display: inline-block;
+    vertical-align: middle;
+  }
+}
+[lang^="zh"],//chino
+[lang^="zn"],//chino
+[lang^="ko"] //coreano ko-KR
+  {
+  .btn-selector-wrap {
+    display: flex;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    white-space: nowrap;
+    &.btn-selector .btn {
+      font-family: Helvetica,Arial,sans-serif !important;
+      font-weight: 500;
+      font-size: 12px;
+    }
   }
 }
 
-.btn-group > .btn {
+
+.btn-group>.btn {
   flex: 1;
 }
 .btn-group-inline {
@@ -1286,4 +1290,4 @@ button {
     margin-left: -1px;
     margin-top: -1px;
   }
-}
+}