Реализует преимущества для мобилки

htmlacademy · Oct 18, 2024 · 6632096 · 6632096
1 parent 8ae0ae9
commit 6632096
Show file tree

Hide file tree

Showing 13 changed files with 31 additions and 2 deletions.
diff --git a/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected] b/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected]
diff --git a/...e/images/cofee/[email protected] → ...fee-flat-white/[email protected] b/...e/images/cofee/[email protected] → ...fee-flat-white/[email protected]
diff --git a/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected] b/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected]
diff --git a/...e/images/cofee/[email protected] → ...fee-flat-white/[email protected] b/...e/images/cofee/[email protected] → ...fee-flat-white/[email protected]
diff --git a/source/images/cofee/[email protected] → ...cofee-flat-white/[email protected] b/source/images/cofee/[email protected] → ...cofee-flat-white/[email protected]
diff --git a/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected] b/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected]
diff --git a/source/images/cofee/[email protected] → ...cofee-flat-white/[email protected] b/source/images/cofee/[email protected] → ...cofee-flat-white/[email protected]
diff --git a/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected] b/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected]
diff --git a/source/images/cofee/[email protected] → ...cofee-flat-white/[email protected] b/source/images/cofee/[email protected] → ...cofee-flat-white/[email protected]
diff --git a/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected] b/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected]
diff --git a/source/images/cofee/[email protected] → ...cofee-flat-white/[email protected] b/source/images/cofee/[email protected] → ...cofee-flat-white/[email protected]
diff --git a/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected] b/...ce/images/cofee/[email protected] → ...ofee-flat-white/[email protected]
diff --git a/source/styles/blocks/features.scss b/source/styles/blocks/features.scss
@@ -16,7 +16,7 @@
   justify-content: flex-start;
   align-items: flex-start;
   gap: 10;
-  margin: 0px 10px;
+  margin: 0 auto;
   color: $base-black;
   font-family: $montserrat-medium;
   font-size: 24px;
@@ -52,7 +52,7 @@
 .features__caption {
   min-width: 75px;
   padding: 0 20px;
-  margin: 20px auto 20px;
+  margin: 10px 0 0;
   font-family: $montserrat-bold;
   color: $base-black;
   font-size: 18px;
@@ -61,6 +61,35 @@
   text-align: center;
 }
 
+.features__span {
+  margin: 30px 0 0;
+}
+
+
+.features__icon {
+  margin: 30px 0 0;
+
+  &--speed::before {
+    @include features-icon-base-styles;
+    background-image: url("../../icons/features/clock.svg");
+  }
+
+  &--comfort::before {
+    @include features-icon-base-styles;
+    background-image: url("../../icons/features/pocket.svg");
+  }
+
+  &--energy::before {
+    @include features-icon-base-styles;
+    background-image: url("../../icons/features/lightning.svg");
+  }
+
+  &--eco::before {
+    @include features-icon-base-styles;
+    background-image: url("../../icons/features/leaf.svg");
+  }
+}
+
 .features__description {
   color: $base-black;
   font-family: $montserrat-regular;