Brak zmian w kodzie

layout/style-scss/style.scss

@@ -11,8 +11,10 @@ $cGrayLight: #eceff1;
 $cComment: #c3c3c3;
 $cWhite: #fff;
 
-$fJosefin: 'Josefin Sans', sans-serif;
+$fJosefin: 'Josefin Sans',
-$font_nunito: 'Nunito Sans', sans-serif;
+sans-serif;
+$font_nunito: 'Nunito Sans',
+sans-serif;
 @import '_mixins';
 
 @keyframes fade_in_show {
@@ -118,7 +120,7 @@ input:-webkit-autofill:active {
 
 .btn-success:not(:disabled):not(.disabled):active,
 .btn-success:not(:disabled):not(.disabled).active,
-.show > .btn-success.dropdown-toggle {
+.show>.btn-success.dropdown-toggle {
   background: $cBlue;
   border: none;
 }
@@ -131,7 +133,7 @@ input:-webkit-autofill:active {
 
 .btn-success:not(:disabled):not(.disabled):active:focus,
 .btn-success:not(:disabled):not(.disabled).active:focus,
-.show > .btn-success.dropdown-toggle:focus {
+.show>.btn-success.dropdown-toggle:focus {
   box-shadow: none;
 }
 
@@ -596,7 +598,7 @@ input:-webkit-autofill:active {
           margin-left: -15px;
           justify-content: center;
 
-					> li {
+          >li {
             @include respond-between(sm, md) {
               &#link-5 {
                 display: none;
@@ -609,11 +611,11 @@ input:-webkit-autofill:active {
               }
             }
 
-						> i {
+            >i {
               display: none;
             }
 
-						> a {
+            >a {
               font-family: 'Nunito Sans', sans-serif;
               color: $cText;
               font-size: 18px;
@@ -638,14 +640,14 @@ input:-webkit-autofill:active {
             }
 
             &:hover {
-							> ul {
+              >ul {
                 display: flex;
                 animation: fade_in_show 0.5s;
                 flex-wrap: wrap;
               }
             }
 
-						> ul {
+            >ul {
               left: 0;
               width: 100%;
               display: none;
@@ -654,7 +656,7 @@ input:-webkit-autofill:active {
               background: #fff;
               @include transition;
 
-							> li {
+              >li {
                 width: calc(100% / 4);
                 margin-bottom: 25px;
 
@@ -677,7 +679,7 @@ input:-webkit-autofill:active {
                   }
                 }
 
-								> a {
+                >a {
                   font-weight: 600;
                   font-size: 16px;
                 }
@@ -717,6 +719,7 @@ input:-webkit-autofill:active {
 
     @include respond-above(xxl) {
       .product-mini {
+
         &:nth-child(11),
         &:nth-child(12) {
           display: none;
@@ -1387,10 +1390,10 @@ input:-webkit-autofill:active {
       &.level-0 {
         padding: 0 0 15px 0;
 
-				> li {
+        >li {
           padding-bottom: 10px;
 
-					> a {
+          >a {
             font-family: 'Nunito Sans', sans-serif;
             font-weight: 600;
             font-size: 20px;
@@ -1493,8 +1496,13 @@ ul.pager {
 #category-description {
   font-family: 'Nunito Sans', sans-serif;
   font-size: 13px;
-	color: rgb(122, 124, 127);
+  color: #000;
-	margin-top: 50px;
+  margin: 50px auto 0;
+  max-width: 900px;
+
+  #hidden {
+    display: none;
+  }
 
   a {
     color: $cBlueDark;
@@ -2060,12 +2068,12 @@ ul.pager {
           visibility: hidden;
         }
 
-				.grow-wrap > textarea {
+        .grow-wrap>textarea {
           resize: none;
           overflow: hidden;
         }
 
-				.grow-wrap > textarea,
+        .grow-wrap>textarea,
         .grow-wrap::after {
           border: 1px solid #d5d5d5;
           padding: 0.5rem;
@@ -2166,12 +2174,10 @@ ul.pager {
           opacity: 1;
           -webkit-background-clip: text;
           -webkit-text-fill-color: transparent;
-					background-image: linear-gradient(
+          background-image: linear-gradient(to right,
-						to right,
               #000,
               #000 50%,
-						rgba(0, 0, 0, 0.3) 50%
+              rgba(0, 0, 0, 0.3) 50%);
-					);
           background-size: 200% 100%;
           background-position: 100%;
           transition: all 1.2s cubic-bezier(0.19, 1, 0.22, 1);
@@ -2247,6 +2253,7 @@ ul.pager {
 
         .swiper {
           &:hover {
+
             .swiper-button-next,
             .swiper-button-prev {
               opacity: 1;
@@ -2472,7 +2479,7 @@ ul.pager {
       .reviews_data {
         #widget-container {
           .rating-details {
-						& > div {
+            &>div {
               background: $cWhite;
             }
           }
@@ -2560,7 +2567,7 @@ ul.pager {
   .basket-options {
     padding-top: 25px;
 
-		> .content {
+    >.content {
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
@@ -2959,7 +2966,7 @@ ul.pager {
     align-items: center;
     flex-wrap: wrap;
 
-		> * {
+    >* {
       width: 100%;
     }
 
@@ -3347,8 +3354,8 @@ ul.pager {
       max-width: 600px;
     }
 
-		> .container {
+    >.container {
-			> .row {
+      >.row {
         .col-xl-4 {
           order: 1;
         }
@@ -3373,8 +3380,8 @@ ul.pager {
   #main-menu {
     #menu-container-1 {
       ul.level-0 {
-				> li {
+        >li {
-					> ul {
+          >ul {
             padding: 25px;
           }
         }
@@ -3408,7 +3415,7 @@ ul.pager {
   }
 
   .basket-summary-address {
-		> .basket-address-form {
+    >.basket-address-form {
       .left {
         .addresses {
           .address {
@@ -3685,6 +3692,7 @@ ul.pager {
   }
 
   .pager {
+
     .first,
     .last {
       display: none;
@@ -4274,6 +4282,7 @@ div[class^='products-box-'] {
     width: 100%;
   }
 }
+
 // ******************
 .form-control {
   &.form-control-phone {
@@ -4288,10 +4297,12 @@ div[class^='products-box-'] {
       outline: 0;
       box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
     }
+
     &:hover {
       &[tooltip] {
         position: relative;
       }
+
       &[tooltip]:before {
         content: '';
         display: none;
@@ -4308,6 +4319,7 @@ div[class^='products-box-'] {
         width: 0;
         height: 0;
       }
+
       &[tooltip]:after {
         display: none;
         content: attr(tooltip);
@@ -4327,6 +4339,7 @@ div[class^='products-box-'] {
         white-space: nowrap;
         word-wrap: normal;
       }
+
       &[tooltip]:hover:before,
       &[tooltip]:hover:after {
         display: block;
@@ -4343,6 +4356,7 @@ div[class^='products-box-'] {
         font-size: 14px;
       }
     }
+
     .form-control-input {
       border: none;
       height: calc(2.25rem - 2px);