Merge pull request #14 from andreysgra/update

Версия 3.2.0
andreysgra · Jul 16, 2019 · 0612b50 · 0612b50
2 parents 009ba0c + 159d873
commit 0612b50
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 38 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "pink",
-  "version": "3.1.1",
+  "version": "3.2.0",
   "description": "Проект «Пинк» от HTML Academy",
   "main": "gulpfile.js",
   "scripts": {
@@ -61,7 +61,10 @@
     "svg4everybody": "^2.1.9"
   },
   "browserslist": [
-    "defaults"
+    "last 2 versions",
+    "Firefox ESR",
+    "not dead",
+    "not OperaMini all"
   ],
   "husky": {
     "hooks": {

diff --git a/source/index.html b/source/index.html
@@ -124,8 +124,7 @@ <h3 class="features__item-title">Заводит новых друзей</h3>
           <div class="efficiency__description">
             <h2 class="efficiency__title">Эффект на&nbsp;24 часа!</h2>
 
-            <p class="efficiency__text">Британские ученые провели исследования и доказали, что&nbsp;положительный эффект
-              от&nbsp;использования приложения длится целые сутки!</p>
+            <p class="efficiency__text">Британские ученые провели исследования и&nbsp;доказали, что&nbsp;положительный эффект от&nbsp;использования приложения длится целые&nbsp;сутки!</p>
 
             <a class="efficiency__link" href="#">Узнать больше об исследовании</a>
           </div>
@@ -136,30 +135,34 @@ <h2 class="efficiency__title">Эффект на&nbsp;24 часа!</h2>
         <h2 class="visually-hidden">Отзывы</h2>
 
         <div class="slider-reviews__slide slider-reviews__slide--current">
-          <p class="slider-reviews__author">Николай Петров</p>
-          <p class="slider-reviews__author-description">25 лет, водитель трамвая</p>
-          <blockquote class="slider-reviews__text">
-            <q class="slider-reviews__quote">Это приложение перевернуло мой мир и позволило по-новому взглянуть на
+          <blockquote class="slider-reviews__quote">
+            <p class="slider-reviews__quote-text">Это приложение перевернуло мой мир и позволило по-новому взглянуть на
               привычные серые вещи! А еще я познакомился со своей будущей женой в комментариях к выложенной
-              фотографии!</q>
+              фотографии!</p>
           </blockquote>
+
+          <p class="slider-reviews__author">Николай Петров</p>
+          <p class="slider-reviews__author-description">25 лет, водитель трамвая</p>
         </div>
 
         <div class="slider-reviews__slide">
+          <blockquote class="slider-reviews__quote">
+            <p class="slider-reviews__quote-text">В общем эта штука испортила всю мою жизнь. Сначала моя жена
+              переписывалась с кем-то в комментариях, а
+              потом взяла и ушла от меня :-(</p>
+          </blockquote>
+
           <p class="slider-reviews__author">Иван Помидоров</p>
           <p class="slider-reviews__author-description">30 лет, геолог</p>
-          <blockquote class="slider-reviews__text">
-            <q>В общем эта штука испортила всю мою жизнь. Сначала моя жена переписывалась с кем-то в комментариях, а
-              потом взяла и ушла от меня :-(</q>
-          </blockquote>
         </div>
 
         <div class="slider-reviews__slide">
+          <blockquote class="slider-reviews__quote">
+            <p class="slider-reviews__quote-text">А куда тут тыкать то надо? Ничё не поняла!</p>
+          </blockquote>
+
           <p class="slider-reviews__author">Василиса Степановна</p>
           <p class="slider-reviews__author-description">76 лет, пенсионерка</p>
-          <blockquote class="slider-reviews__text">
-            <q>А куда тут тыкать то надо? Ничё не поняла!</q>
-          </blockquote>
         </div>
 
         <div class="slider-reviews__slider-controls slider-controls">

diff --git a/source/styles/blocks/efficiency.less b/source/styles/blocks/efficiency.less
@@ -12,7 +12,7 @@
 
 .efficiency__content-wrapper {
   margin: 0 auto;
-  padding: 60px 20px 73px;
+  padding: 60px 20px 72px;
   width: 280px;
 
   @media @tablet {
@@ -69,7 +69,7 @@
 }
 
 .efficiency__title {
-  margin-top: 25px;
+  margin-top: 23px;
   margin-bottom: 10px;
   width: 200px;
   font-size: 30px;
@@ -78,6 +78,7 @@
   color: @black;
 
   @media @desktop {
+    margin-top: 24px;
     margin-bottom: 22px;
     width: auto;
   }
@@ -86,12 +87,10 @@
 .efficiency__text {
   margin-top: 10px;
   margin-bottom: 11px;
-  padding-right: 10px;
 
   @media @desktop {
-    margin-top: 18px;
-    margin-bottom: 30px;
-    padding-right: 20px;
+    margin-top: 22px;
+    margin-bottom: 31px;
   }
 }
 

diff --git a/source/styles/blocks/price.less b/source/styles/blocks/price.less
@@ -14,7 +14,7 @@
   }
 
   @media @desktop {
-    padding-top: 147px;
+    padding-top: 150px;
     padding-bottom: 95px;
     background-size: 100% 80px;
   }

diff --git a/source/styles/blocks/slider-reviews.less b/source/styles/blocks/slider-reviews.less
@@ -21,11 +21,12 @@
 
 .slider-reviews__slide {
   display: none;
-  height: 225px;
+  flex-direction: column;
+  height: 238px;
   line-height: 30px;
 
   @media @tablet {
-    height: 190px;
+    height: 187px;
   }
 
   @media @desktop {
@@ -36,24 +37,20 @@
   }
 
   &--current {
-    display: block;
-
-    @media @tablet {
-      display: flex;
-      flex-direction: column;
-    }
+    display: flex;
   }
 }
 
 .slider-reviews__author {
+  order: -1;
   margin-top: 13px;
   margin-bottom: 13px;
   font-size: 18px;
   font-weight: bold;
   color: @black;
 
   @media @tablet {
-    order: 2;
+    order: 0;
     margin-top: 20px;
     margin-bottom: 0;
     font-size: 20px;
@@ -71,7 +68,6 @@
 
   @media @tablet {
     display: block;
-    order: 3;
     margin-top: 2px;
     margin-bottom: 2px;
   }
@@ -81,14 +77,13 @@
   }
 }
 
-.slider-reviews__text {
+.slider-reviews__quote {
   margin: 0;
   max-height: 180px;
   overflow: hidden;
 
   @media @tablet {
-    order: 1;
-    margin-bottom: 15px;
+    margin-bottom: 13px;
     max-height: 90px;
     font-size: 18px;
   }
@@ -99,7 +94,9 @@
   }
 }
 
-.slider-reviews__quote {
+.slider-reviews__quote-text {
+  margin: 0;
+
   &::before {
     content: "\00ab";
   }
@@ -110,7 +107,7 @@
 }
 
 .slider-reviews__slider-controls {
-  margin-top: 31px;
+  margin-top: 33px;
   margin-bottom: 13px;
 
   @media @tablet {